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内 容 简 介 

本 书 的 主旨 是 在 项 目 式 编程 中 提升 计算 思维 能 力 。 编 程 工具 选用 的 是 Scratch， 讲 解体 例 模拟 实际 的 软件 项 目 开发 流程 ， 
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思维 方式 。 

本 书包 含 10 个 由 浅 入 深 的 项 目 ， 首 先 由 “Scratch 探寻 之 旅 ”作为 导入 项 目 ， 后 续 有 《迷宫 寻宝 》 《双人 射击 比赛 》《 涂 
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《口算 练习 》 《有声 影 集 》 等 能 服务 于 生活 需求 的 应 用 项 目 。 各 个 项 目 之 间 难 易 递 进 ， 可 以 满足 不 同 读者 的 需求 。 通 过 本 书 
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从 而 有 效 地 解决 问题 。 

本 书 适用 于 小 学 生 、 中 学 生 ， 也 适用 于 对 Scratch 编程 感 兴趣 的 家 长 和 孩子 ， 同 时 对 中 小 学 教师 也 具有 一 定 的 参考 价值 。 
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感谢 您 翻 开本 书 ， 


前 言 


希望 在 这 次 学 习 的 旅程 中 ， 您 能 体验 到 软件 编程 的 全 过 程 ， 能 用 Scratch 


工具 实现 


己 的 想法 和 创意 ， 享 受 编程 带 来 的 乐趣 和 成 就 感 ! 


近 几 年 ， 随 着 科技 的 飞速 发 展 ， 以 前 看 似 高 大 上 的 技术 越 来 越 “ 杀 民 ”， 如 无 人 驾驶 、 智 


能 医疗 、 智 能 家 


居 、 语 音 识别 等 ， 科 技 已 经 在 我 们 身边 ! 相 应 地 ,编程 教育 也 在 逐渐 地 下 移 到 中 


小 学 阶段 。 从 传统 的 高 级 语言 到 图 形 化 编程 工具 ， 使 得 编程 就 像 是 在 搭 积木 ， 如 Scratch、 
Blockly、Ardublock 等 编程 工具 。 同 样 ， 硬 件 也 趋 于 多 样 化 ， 有 开源 的 Arduino 开 发 板 、 


Microbit 


面 对 琳 琅 满 目 


发 板 ， 等 等 。 
、 层 出 不 穷 的 产品 ， 我 们 难免 会 面临 选择 的 矛 后 ， 有 些 孩 子 恨 不 得 把 这 些 都 学 


到 。 其 实 只 要 明确 了 “ 


编程 学 习 的 目的 ”， 选 择 起 来 就 会 很 轻松 。 


1. 编程 能 实现 创意 
以 前 ， 编 程 是 专业 程序 员 的 事情 ， 因 为 编程 语言 有 专门 的 变量 、 表 达 式 、 闻 数 和 逻辑 结构 ， 
程序 员 需 要 记忆 大 量 的 指令 ， 解 决 很 多 细小 的 问题 ， 这 对 于 中 小 学 生来 说 难度 很 大 。 但 是 有 了 图 


形 化 编程 ] 


[上 后 ， 学 习 


者 无 须 记忆 枯燥 的 指令 ， 只 要 有 想法 ， 有 一 定 的 逻辑 思维 ， 知 道 每 个 积木 


块 指令 的 含义 ， 就 可 以 拼接 和 组 合 指令 ， 来 实现 预期 的 想法 和 创意 。 这 样 一 来 ， 编 程 就 类 似 于 写 


文章 ， 


主题 思想 ， 


技 已 变 得 不 再 神秘 。 


有 结构 设计 就 能 让 词 造句 《拼接 指令 ) 。 当 学 习 者 带 着 兴趣 学 习 编程 时 ， 科 


2. 编程 能 锻炼 思维 


编程 是 一 个 和 


周期 的 过 程 ， 首 先 要 分 析 项 目的 功能 ， 然 后 分 解 项 目 包含 的 功能 模块 ， 再 逐 


个 模块 地 进行 详细 设计 和 编程 实现 ， 之 后 再 调试 、 修 改 ， 直 到 程序 能 正常 运行 ， 其 中 每 个 环节 都 
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离 不 开 严 谨 的 思维 过 程 。 比 如 : 在 描述 项 目 功能 时 需要 用 文字 去 抽象 ， 并 划分 功能 模块 时 ， 运 用 
思维 导 图 对 其 分 析 、 分 解 和 设计 ; 在 对 重点 模块 进行 算法 分 析 时 ， 运 用 流程 图 表达 问题 求解 的 步 
骤 和 逻辑 ;最 终 在 编程 和 调试 时 ， 又 需要 分 析 、 检 验 和 求证 思维 ……' 整 个 过 程 环 环 相 扣 ， 缺 一 不 
可 。 所 以 ,编程 是 一 个 问题 求解 的 过 程 ， 能 够 训练 和 提升 学 习 者 的 计算 思维 能 力 。 


3. 编程 能 分 享 和 协作 

编程 过 程 中 ， 出 错 是 常事 。 为 了 解决 错误 ， 需 要 分 析 问 题 ， 需 要 与 同学 讨论 ， 所 以 学 习 过 程 
中 “协作 ” 便 成 为 自然 而 然 的 事情 。 大 家 互相 帮忙 ， 分 享 建议 ， 共 同 寻找 解决 问题 的 办 法 ， 在 帮 
助 别 人 的 过 程 中 开阔 思维 和 眼界 。 
因此 ， 编 程 工具 或 者 硬件 选用 什么 都 不 重要 ， 重 要 的 是 学 习 者 要 能 体验 编程 的 全 过 程 ， 能 一 
直 带 着 想法 去 经 历 构 因 、 设 计 、 编 程 、 调 试 ， 也 就 能 始终 体验 着 分 析 、 抽 象 、 概 括 、 歇 辑 等 思维 
过 程 …… 只 要 思维 被 激活 ， 学 习 者 就 能 进行 有 效 学 习 ， 就 会 有 动力 去 不 断 地 挑战 自我 ， 其 学 习 能 
力也 就 在 潜移默化 中 得 以 提升 。 
我 想 ， 这 就 是 中 小 学 生 学 习 编 程 的 真 诵 ， 也 是 本 书 行文 过 程 中 所 基于 的 核心 : 将 编程 作为 一 
种 工具 ， 通 过 编程 去 体验 抽象 、 分 析 、 概 括 、 分 解 、 综 合 、 辨 别 等 一 系列 思维 活动 ， 提 升 计算 思 
维 能 力 ， 从 而 能 更 好 地 分 析 和 解决 问题 。 
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项 目 1 Scratch 探 寻 之 旅 


11 WiRScroteh 


(人 发 展 历史 

Scratch 是 一 款 由 麻 省 理工 学 院 〈MIT ) 创新 实验 室 设 计 开 发 的 图 形 化 编程 工具 ， 主 要 面向 
青少年 。 学 习 者 不 需要 编写 枯燥 的 代码 ， 只 需要 知道 每 个 积木 块 的 功能 以 及 行为 之 间 的 逻辑 关 
系 ， 就 可 以 根据 需要 拼接 积木 块 来 实现 功能 。 几 乎 所 有 的 学 习 者 都 会 一 眼 喜 欢 上 这 个 软件 ， 萌 
发 出 编程 的 欲望 。2006 年 发 布 了 Scratch 1.4 版 本 ， 目 前 官方 发 布 的 最 新 版 本 是 Scratch 2.0， 
Scratch 3.0 在 官网 上 开放 了 测试 版 ， 不 久 将 会 发 布 。 

人 编程 主旨 

Scratch 可 以 创作 数字 作品 ， 如 交互 式 故事 、 动 画 等 ， 可 以 设计 和 开发 游戏 ， 也 可 以 与 硬 
件 ， 如 Arduino、 主 板 、 乐 高 机 器 人 等 结合 来 进行 开发 。 其 秉承 的 理念 是 “创造 、 探 索 和 分 
享 ”。 学 习 者 在 编程 中 ， 可 以 体验 到 创造 与 构思 、 分 析 与 设计 、 交 流 与 讨论 ， 进 而 体验 分 析 问 题 
和 解决 问题 的 全 过 程 ， 因 此 ， 会 从 “学 习 如 何 编程 (learn to code ) ”上 升 到 “在 编程 中 提升 思 
考 能 力 和 学 习 能 力 (code to learn) ”。 


Scratch 官 方 网 站 是 https://scratch.mit.edu。 开 发 组 织 除了 保留 Scratch 
名 称 和 “小 猫 ” 标 志 的 版 权 外 ， 公 布 了 全 部 源码 ， 人 允许 第 三 方 任意 修改 和 传 
播 ， 这 种 开源 、 分 享 的 思想 ， 也 是 Scratch 被 广泛 应 用 的 主要 原因 之 一 。 目 前 岂 中 Se 
已 经 有 150 多 个 国家 在 使 用 ， 并 被 翻译 成 了 40 多 种 语言 。 1. 下 载 Scratch 程 序 
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EE 
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打开 网 络 浏览 器 ， 在 地 址 栏 中 输入 网 址 scratch.mit.edu， 按 Enter 键 ， 进 入 Scratch 官 方 网 


站 ， 如 图 1-1 所 示 ， 网 页 上 的 这 些小 角 


DO https eh mitedu 
ET 


CE -ao 


Happy Birthday, 


Create stories, games, and animations 
Share with others around the world 


Cn 人 
从 旋 


图 1 


色 是 不 是 很 好 玩 呢 9 


orvlo Sm a 


Scratc 


-1 Scratch 官 网 首页 上 方 


Scratch 支 持 在 线 和 离线 两 种 编程 模式 。 如 果 希 望 在 线 开发 ， 只 需要 单 击 首页 顶部 的 
Create， 就 可 以 进入 在 线 编辑 模式 ， 但 这 需要 确保 计算 机 能 够 连接 网 络 ; 也 可 以 下 载 Scratch 离 
线 编辑 器 ， 将 其 安装 在 计算 机 上 ， 即 使 计算 机 没有 连接 网 络 ， 学 习 者 仍然 可 以 开发 ， 最 终 将 保存 


的 程序 文件 上 传 到 官方 网 站 分 享 即 可 。 


在 网 站 首页 的 最 下 方 找到 Support 一 Offline Editor (离线 版 编辑 器 〉， 如 图 1-2 所 示 。 


图 1-2 ”Scratch 官 网 首页 下 方 


单 击 进入 下 一 个 页 面 ， 如 图 1-3 所 示 。 需 要 下 载 两 个 关键 程序 : Adobe AIR 和 Scratch 


Offline Editor。 不 同 操作 系统 对 应 不 同 的 版 本 ， 如 图 1-3 所 示 ， 分 别 是 Mac OS 系统 、Windows 


系统 和 Linux 系 统 3 种 ， 
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Wp 


用 户 可 以 根据 机 器 的 操作 系统 下 载 相 应 的 安装 程序 。 第 三 个 Support 


Materials 是 支持 材料 


， 里 面 有 一 些 学 习 资料 和 程序 案例 ， 可 以 下 载 使 用 。 需 注意 ， 


下 载 文 件 时 


要 记 住 文件 存储 的 位 置 ， 以 便 在 安装 时 能 找到 。 


@) 安装 方法 


这 里 以 Windows 操 作 系统 为 例 ， 介 绍 Scratch 软 件 的 安装 方法 。 


1) 安装 Adobe A 


Scratch 2 Offline Editor 


You can install the Scratch 2.0 editorto work on projects without an intemet 
conmnection This version wil work on Mac, Windows, and some versions of 
Linux (32 bi 

Note for Mac Users: the latest version of Scratch 20 Offine requires Adobe 
Air 20 To upgrade to Adobe Air 20 manually, go here 
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图 1-3 ”Scratch 官 网 下 载 页 面 


IR 


Adobe AlR 是 Scra 


标 ， 运 行 Adobe AIR Installer 程 序 ， 按 照 默认 设置 连续 单 击 “ 下 一 步 ” 按 钮 ， 


2 ) 安装 Scratch 


tch 跨 平台 运行 所 需要 的 支撑 程序 ， 需 要 先 安装 。 找 到 该 文件 后 


2. Scratch 安 装 过 程 
， 双 击 文件 图 


直到 显示 安装 成 功 。 


双击 Scratch-454.exe 文 件 图 标 ， 运 行 Scratch 安 装 程序 。 系 统 会 询问 程序 安装 在 什么 路 径 


下 ， 建 议 按照 默认 值 即 可 。 单 击 “ 下 一 步 ”按钮 ， 直 到 安装 完成 后 ， 会 自动 打开 Scratch 界 面 ， 
至 此 Scratch 离 线 版 编程 软件 就 安装 完成 了 。 
观察 计算 机 的 桌面 上 有 没有 多 出 一 个 小 猫 的 图 标 呢 9 如 图 1-4 所 示 ， 这 是 Scratch 程 序 的 快 


猫 图标 上 ， 双 击 即 可 。 
时 候 Scratch 打 


忘 了 去 任务 栏 上 单 击 。 


捷 方 式 〈 参 考 后 面 “ 知 识 扩展 ”的 内 容 ) 。 以 后 如 果 要 打开 Scratch ， 直 接 把 鼠标 指针 移动 到 小 


吾 会 直接 显示 界面 ， 有 时 候 则 直接 最 小 化 到 屏幕 最 下 方 的 全 


EF 务 栏 上 ， 别 
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NT 


se 和 Pee 


Pr 
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打开 Scratch 后 ， 经 常会 提示 “发 现 新 版 本 ”， 如 图 1-5 所 示 。 


更 新 素材 库 中 的 角色 和 造型 ， 


户 可 以 根据 需要 和 


间 ， 别 着 急 ， 耐 心 等 待 即 可 。 


更 新 提示 ， 如 图 1-6 所 示 ， 单 击 “ 更 新 ”按钮 上 


发 现 新 版 本 


v460 


立即 更 新 


取消 


图 1-4 ”快捷 方式 ”图 1-5 Scratch 更 新 提示 


EU 


因为 Scratch 
“立即 更 新 ”按钮 


发 团队 经 常 
1。 当 然 Adobe AIR 也 经 常 


可。 注意 ， 软 件 f 


更 新 时 ,可 


能 需要 一 定 的 时 


图 1-6 ”Adobe AIR 更 新 提示 


Scratch 工 作 界 面 简洁 清晰 ， 主 要 分 为 两 个 部 分 : 主 界面 《固定 ) 和 分 界面 (共用 ) 。 
@ 主 界面 
界面 主要 有 菜单 烂 、 舞 台 区 、 背 景区 、 角 色 区 、 脚 本 /造型 ,声音 区 、 帮 助 区 ， 如 图 1-7 所 示 。 


目 1 Scratch 探 村 之 少儿 


1) 菜单 栏 
(1) 语言 选择 按钮 。 
菜单 栏 最 左 侧 有 个 小 地 球 按钮 | 
次 打开 Scratch 时 ， 默 认 是 英文 环 ] 
中 文 在 靠 后 位 置 ， 需 要 耐心 寻找 。 
(2) 文件 菜单 。 
单 击 “文件 ”， 出 现 菜单 项 列表 ， 如 果 要 建立 新 文件 或 者 保存 文件 ， 
或 者 “保存 项 目 ”， 下 面 介绍 其 他 几 个 选项 。 
多 ”录制 成 视频 : 在 Scratch 2.0 版 本 中 ,增加 了 录制 视频 功能 ， 能 够 将 作品 录制 成 一 分 钟 
以 内 的 视频 ， 录 制 时 可 以 边 演示 边 讲解 ， 之 后 把 录制 好 的 视频 保存 到 本 机 上 ， 或 者 将 其 
上 传 到 视频 网 站 《如 优酷 ) ， 还 可 以 建立 分 享 链接 ， 将 其 分 享 到 朋友 圈 ， 让 大 家 看 到 从 
的 作品 ， 给 你 点 赞 、 提 建议 ， 是 不 是 很 有 成 就 感 呢 9 
@ ”分 享 到 网 站 : 因为 本 书 使 用 的 是 离线 版 的 Scratch， 所 以 若 想 分 享 作品 ， 需 要 将 其 上 传 


国 ， 单 击 可 以 选择 所 在 国家 的 语言 。 
弹 ， 可 以 根据 需要 切换 到 相应 的 语言 


3. Scratch 2.0 工 作 界面 


与 ， 


可 以 单 击 “新 建 项 


目 ， 


与 


到 官网 。 单 击 “分 享 到 网 站 ”就 可 以 轻松 完成 ， 只 需要 输入 你 的 作品 名 称 、 用 


码 就 可 以 上 传 到 你 的 


@ ”检查 更 新 : Scratch 目 


账户 里 了 。 至 于 账号 ， 需 要 在 官网 提 
前 的 版 本 是 2.0， 但 每 隔 一 段 时 间 就 会 


库 和 角色 库 的 图 片 资 


“立即 更 新 ” 即 可 。 
(3) 编辑 菜单 。 
@ ”撤销 删除 : 当 在 编程 
发 现 不 想 删 除了 ， 
最 近 一 次 的 删除 内 容 
小 舞台 布局 : Scratc 


间 ， 可 以 单 击 该 项 切 


口 


可以 单 击 “ 撤 销 删除 ” 


原 等 。 可 以 定期 地 单 击 该 项 ， 系 统 会 


前 申请 。 
完善 一 下 功能 ， 
判断 并 显示 出 新 的 版 本 ， 


名 和 密 


如 增加 背景 
单 击 


FL 


除 操作 ， 如 删除 了 某 个 角 


色 或 背景 5 


图 形 或 指令 块 


时 执行 了 删 


还 原 回来 。 因 此 ， 在 做 任何 的 删除 操 


作 时 ， 还 是 要 谨慎 。 


口 ， 


， 将 刚刚 删除 的 内 容 恢复 过 来 。 不 过 它 只 能 把 


h 打 开 后 默认 的 是 大 舞台 模式 ， 但 有 


寺 要 给 右 侧 的 分 界面 


换 到 “小 舞台 ”布局 〈 再 单 击 可 


可 以 根据 需要 灵活 切 
@ ”加 速 模式 : 单 击 “ 加 


换 两 种 模式 。 


以 切换 


口 


大 舞台 布 


足够 的 空 
局 ) 。 在 编程 时 


速 模式 ”后 ， 会 发 现 整个 程序 运行 的 


速度 加 快 ， 这 对 于 一 些 复 


或 者 对 速度 要 求 特 只 


高 的 程序 很 有 用 ， 如 竞技 类 游戏 等 。 


杂 的 


Sg 


PP 交大 汪汪 后 轴 硬 疝 店 尖 后 大 二 二 站 匣 0 
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(4) 提示 和 关于 菜单 。 


“关于 ”菜单 项 将 自动 连接 到 官网 ， 可 以 查看 更 多 Scratch 资 料 。 


2) 核心 区 域 


(1) 舞台 区 : 就 像 实 际 演出 时 的 舞台 一 样 ， 程 


做 出 动作 。 该 区 域 有 一 个 程序 播放 最 大 化 按钮 哇 、 程 序 帮 


钮 便 。 


(2) 背景 区 : 在 该 区 可 以 添加 一 张 或 多 张 背景 图 片 。 


0 


(3) 角色 区 : 该 区 是 角色 的 列表 区 域 ， 可 以 流放 


列 出 来 ， 相 当 于 实际 演出 时 演员 的 候 场 区 。 


(4) 脚本 /造型 /声音 区 : 该 区 是 脚本 、 造 型 、 声 音 共用 


界面 中 会 作 详细 介绍 。 
3) 帮助 区 


该 区 在 Scratch 窗 口 的 最 右 侧 一 列 ， 默 认 是 折 荔 隐藏 状 态 ， 自 


f 始 绿 旗 按钮 乱 以 及 程 


0 或 者 绘制 角色 。 程 序 中 的 角 


单 击 “提示 ”菜单 项 ， 打 开 帮 助 窗 口 ， 这 里 有 很 多 帮助 资料 ， 初 学 者 可 以 跟随 学 习 ; 单 击 


序 中 的 角色 《演员 ) 可 以 在 舞台 上 出 现 和 


序 终 止 红 灯 按 


色 都 在 该 区 域 


站 击 上 方 的 问号 按钮 ， 或 者 菜单 


栏 的 “提示 ”选项 ， 就 可 以 打开 帮助 区 ， 有 很 多 示例 程序 供 大 家 学 习 参考 。 


@ 分 界面 
1) 脚本 界面 


项 卡 ， 界面 如 图 1-8 所 示 ， 主 要 包括 指令 区 和 编程 区 。 


2 ) 造型 界面 


单 击 “造型 ”或 “背景 ”选项 卡 后 ， 界 面 如 图 1-9 所 示 ， 包 含 添加 背景 或 造型 的 工具 ， 现 有 


单 击 背景 区 的 舞台 背景 后 ， 或 者 单 击 角 色 区 的 某 个 角色 ， 就 会 看 到 屏幕 帮 上 方 的 “ 脚 


区 ,每 个 分 区 有 不 同 的 内 容 ， 在 分 


的 背景 或 造型 图 片 的 列表 以 及 绘图 编辑 多， 可 以 绘制 或 者 修改 造型 和 背景 。 


3) 声音 界面 


在 声音 界面 中 ， 可 以 添加 或 者 录制 声音 ， 声 音 


文件 显示 在 列表 


， 右 侧 是 声音 编辑 


,在 


该 区 中 能 看 到 声音 的 波形 ， 可 以 播放 、 停 止 声音 ， 还 可 以 对 声音 进行 编辑 和 效果 处 理 等 ， 如 


图 1-10 所 示 。 
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添加 造型 / 造型 /背景 造型 /背景 编辑 区 
背景 工具 


图 1-9 “造型 /背景 ”选项 卡 


编辑 声音 


图 1-10 “声音 ”选项 卡 


六 和 A 知识 扩展 ; 快捷 方式 4. 建 忆 所 方式 


我 们 的 计算 机 桌面 上 有 很 多 五 颜 六 色 的 图 标 ， 有 没有 注意 到 ， 这 些 图 标的 左下 角 都 有 一 个 非 
常 小 的 箭头 。 这 说 明 该 图 标 是 一 个 快捷 方式 ， 直 接 双击 这 个 快捷 方式 ， 就 可 以 快速 启动 程序 。 想 
一 想 ， 如 果 没 有 这 个 快捷 方式 ， 要 打开 一 个 程序 需要 如 何 操作 呢 ? 

可 以 到 “开始 ”一 “程序 ”里 去 找 ， 或 者 要 到 这 个 文件 的 “家 ”里 去 找 (也 就 是 文件 放 在 很 
多 层次 的 文件 夹 中 ) 。 如 果 每 次 都 这 样 启动 程序 ， 是 不 是 很 麻烦 呢 ? 


~ 


@ 


Pa 


二 


请 


一 一 一 一 一 一 局 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 人 


和 


所 以 快捷 方式 是 应 用 程序 的 快速 链接 ， 有 了 快捷 方式 ,就 不 需要 到 文件 夹 里 去 启动 程 


沁 
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1.2 ，Scratch 3.0 介 绍 


Scratch 3.0 是 MIT 和 Google 合 作 共同 打造 ， 采 用 HTML5 的 页 面 技 术 ， 未 来 ”5. 认识 Scratch 3.0 
可 以 在 ioOS 和 Android 移 动 设备 及 计算 机 上 跨 平 台 使 用 。 官 方 给 出 的 Scratch 3.0 的 测试 版 ， 网 址 为 
https://beta.scratch.mit.edu/， 其 工作 界面 如 图 1-11 所 示 。 
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图 1-11 


Scratch 3.0 工 作 界 面 


与 Scratch 2.0 相 比 ， 界 面 结构 有 了 变化 ， 舞 全 和 角色 背景 区 放置 在 了 最 右 人 出 ， 在 这 里 可 以 


添加 角色 和 背景 ; 左 侧 是 脚本 /造型 /声音 共 
辑 器 修改 造型 、 添 加 声音 等 。 
@ 角色 /背景 列表 区 


界面 ， 在 这 里 可 以 拖 动 指令 编写 程序 、 使 用 绘图 编 


如 图 1-12 所 示 ， 角 色 列 表 区 显示 的 信息 包括 角色 名 、 坐 标 位 置 、 显 示 / 隐 藏 、 大 小 、 面 向 方 


和 
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bs 


村 台 


图 1-12 ”Scratch 3.0 角 色 / 背 景 列表 区 

@ 脚本 指令 区 

单 击 “Code 脚 本 ”， 如 图 1-13 所 示 ，Scrach 3.0 中 显示 运动 (Motion ) 、 外 观 (Looks ) 、 
声音 《Sound) 、 事 件 《Events) 、 控 制 《Control) 、 侦 测 〈Sensing) 、 运 算 (Operators) 、 
变量 (Variables ) 、 自 定义 模块 《My Block ) 和 添加 扩展 〈Add Extension ) 。 

在 添加 扩展 中 ，Scratch 3.0 把 音乐 、 画 笔 和 视频 侦 测 分 别 从 声音 、 画 笔 、 侦 测 模块 分 离 出 
来 ， 单 独 作为 一 个 扩展 模块 。 增 加 了 翻译 模块 、 语 音 识 别 功 能 ， 并 支持 micro:bit 主 板 、 乐 高 等 硬 
件 设备 的 开发 。 
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图 1-13 ”Scratch 3.0 脚 本 指令 区 
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基于 计算 思维 的 Scratch 项 


全 造型 编辑 区 


如 图 1-14 所 示 ， 造 型 编辑 区 中 的 工具 与 Scratch 2.0 基 本 类 似 ， 在 呈现 方式 上 略 有 差别 。 在 
Pp 文 文本 的 输入 ， 这 是 值得 称赞 的 地 方 。 


该 区 中 ， 最 大 的 改变 是 支持 9 


@ 声音 编辑 区 


如 图 1-15 所 示 ， 声 音 编辑 


区 中 的 工具 也 与 Scratch 2.0 基 本 类 似 。Scratch 2.0 在 “编辑 ”和 


“效果 ”下 拉 菜 单 整合 了“ 复制 、 粘 贴 ” 及 “ 淡 入 、 淡 出 ”等 功能 ， 在 Scratch 3.0 中 则 把 这 些 
工具 呈现 出 来 ， 并 增加 了 “回声 、 机 械 化 ”等 声音 效果 。 
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图 1-14 ”Scratch 3.0 造 型 编辑 


全 A a 可 ne a 
上 传 声 音 

从 声音 库 中 随机 添加 

录制 声音 


从 声音 库 中 选取 声音 


* 
轻 一 点 反 转 


图 1-15 ”Scratch 3.0 声 音 编辑 | 
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据 官 网 资料 介绍 ，Scratch 3.0 计 划 增 加 很 多 功能 ， 例 如 对 移动 设备 、 云 变量 的 支持 等 。 


同时 ，Scratch 3.0 属 于 向 下 兼容 ， 以 前 用 Scratch 1.4 或 者 2.0 版 本 开发 的 程序 ， 同 样 可 以 在 


Scratch 3.0 中 打开 和 编辑 。 
(人 @ 对 移动 设备 的 支持 


Scratch 2.0 只 能 运行 在 计算 机 上 ， 无 法 在 移动 设备 上 使 用 和 展示 。 有 一 款 Scratch JR， 可 以 


划 支 持 在 移动 设备 上 编程 ， 这 将 极 大 地 方便 用 户 编程 、 作 品 的 展示 及 分 享 。 
四 对 云 变量 的 支持 


在 苹果 iPad 上 安装 和 使 用 ， 编 程 逻 辑 比 较 简单 ， 主 要 面向 幼儿 园 小 朋友 。 从 Scratch 3.0 开 始 ， 计 


Scratch 2.0 中 的 数据 有 两 种 : 变量 和 列表 。 变 量 可 以 存储 零散 的 数据 ， 而 列表 可 以 存储 一 


组 数据 。 这 些 数据 的 作用 范围 也 有 两 种 : 一 种 是 适用 于 某 个 角色 ; 另 一 种 是 适用 于 程序 中 的 所 有 


角色 。 但 是 无 论 哪 种 数据 ， 当 程序 终止 运行 时 ， 数 据 都 将 丢失 。 
Scratch 3.0 中 计划 增加 “ 云 变 量 ”， 即 将 数据 存储 在 网 络 上 ， 即 使 程序 终止 ， 


云 变量 的 


数据 将 仍然 存在 ， 下 次 打开 程序 可 以 调用 该 数据 。 例 如 ， 在 游戏 中 ， 经 常 需要 记录 历史 成 绩 
的 最 高 值 ， 并 和 本 次 成 绩 比较 ， 判 断 是 否 会 刷新 记录 ， 这 里 的 历史 成 绩 最 高 值 就 可 以 用 “ 云 
变量 ”来 存储 。 以 上 是 Scratch 官 网 发 布 的 Scratch 3.0 版 本 的 功能 ， 具 体 功能 以 正式 发 布 内 容 


为 
尽管 Scratch 3.0 界 面 结 构 有 了 变化 ， 增 加 了 一 些 新 的 功能 ， 但 总 体 来 说 ， 其 3 


要 操作 方 


法 或 者 基本 约定 都 没有 改变 ， 新 增 功能 只 会 使 编程 更 加 的 方便 。 本 书后 续 项 目 仍 然 采 用 目前 的 


Scratch 2.0 版 本 ， 相 信 你 一 定 会 顺畅 地 过 渡 到 Scratch 3.0。 


Oryrrr» 


Scratch 中 有 3 类 素材 ， 分 别 是 舞台 背景 、 角 色 造 型 和 声音 。 


bs 


< LUL_ 


基于 计算 思维 的 Scratch 项 目 式 编程 
] Scratch 提 供 了 4 种 方法 来 添加 背景 分别 是 从 背景 库 中 选择 背景 、 绘 制 背景 、 上 传 背景 以 及 
| 拍 流 现 场 照片 作 背 景 ， 如 图 1-16 所 示 。 
! ”从 背景 库 中 添加 背景 
! 。” 单 击 “从 背景 库 中 选择 背景 ”按钮 ， 系 统 会 自动 将 兰 景 库 打 开 ， 浏 览 时 可 以 按照 “室内 、 
! 户外 、 其 他 ”分 类 查看 ， 也 可 以 按照 “城堡 、 城 市 ”等 主题 分 类 查看 。 选 中 需要 的 图 片 ， 单 击 
1 右 下 角 的 “确定 ”按钮 后 ， 背 景 图 片 就 添加 成 功 了 。 用 这 种 方法 可 以 继续 添加 多 个 背景 图 片 。 当 
! 然 ， 也 可 以 一 次 性 添加 多 个 背景 ， 先 单 击 要 选择 的 第 一 张 图 片 后 ， 按 住 Shift 键 不 松手 ， 再 单 击 
! 要 选取 的 其 他 图 片 ， 这 样 就 可 以 一 次 性 添加 多 张 背景 图 片 。 
et 1) 给 背景 取 名 字 
1 当 添 加 青 景 图 片 后 ， 会 有 一 个 默认 的 名 字 ， 用 户 也 可 以 自行 个 改 ， 如 图 1-17 所 示 。 命 名 时 
上 建议 “ 见 名 知 意 ”， 即 看 到 名 字 就 大 概 知道 其 代表 的 含义 ， 可 以 是 英文 ， 也 可 以 是 中 文 。 不 建议 
， 以 数字 开头 ， 以 后 学 习 高 级 语言 编程 时 对 此 会 有 严格 规定 。 
1 
! CE 
A ! 脚本 葵 最 声音 
~ 新 建 普 暴 
| Te ES 
@ ， 舞台 
背景 库 中 次 
从 背景 
: 四 /和 四 
绘制 背景 拍摄 现场 照片 作 背 景 
人 |! 从 本 地 文件 中 上 传 背景 borin 
S 人 | 图 1-16 ”四 种 方法 添加 背景 图 1-17 ”图 片 名 称 和 尺寸 
! 2) 图 片 尺寸 
! 在 背景 图 片 名 称 下 面 有 一 个 数值， 是 图 片 的 尺寸 ， 即 宽度 和 高 度 ， 单 位 是 像素 。 如 果 这 个 


项 目 1 Scratch 探 村 之 少儿 


尺寸 正好 是 Scratch 和 舞台 的 尺寸 (480 x 360 ) ， 则 图 片 会 无 颖 呈现 在 舞 


人 台 上 。 如 果 从 网 上 下 载 


图 片 作 背 景 ， 需 选用 合适 
合 ， 在 左右 或 上 下 方向 上 会 
人 处理 成 合适 的 尺寸 。 
3) 删除 背景 图 片 


忆 


Cc 


尺寸 ， 即 480 x 360 ， 如 果 不 是 该 尺寸 ， 那 么 可 能 无 法 完全 与 舞台 吻 
见 白色 区 域 ， 这 时 可 以 使 用 图 像 处 理 软 件 〈 如 Photoshop ) 将 图 片 


将 鼠标 指针 移动 到 背景 图 片上 ， 右 击 ， 选择“ 删除 ”项 ， 或 者 单 击 背 景 图 片 右 上 角 的 “x” 


按钮 ， 都 可 以 把 背景 图 片 删 除 。 当 只 剩 下 一 张 背景 图 片 时 ， a | 除 。 
人 绘制 舞台 背景 

当 单 击 “ 绘 制 背景 ”按钮 时 ， 会 打开 绘图 编辑 器 。 这 里 面 有 很 多 工 

具 按钮 ， 如 图 1-18 所 示 ， 其 作用 如 下 。 

1) 画笔 工具 

画笔 就 像 是 铅笔 一 样 ， 可 以 画 出 任意 想 画 的 图 形 。 画 笔 的 粗细 、 颜 

色 可 以 在 绘图 编辑 器 的 下 方 进行 设置 。 

2 ) 直线 工具 

如 果 想 画 标准 线段 ， 则 用 该 工具 。 同 理 ， 其 粗细 和 颜色 都 可 以 设 

置 。 如 果 希 望 画 出 水 平 或 垂直 线段 ， 则 需要 在 绘制 的 同时 按 下 Shift 键 。 


用 该 工具 可 以 画 出 矩形 ， 如 果 想 画 正方 形 ， 可 以 在 绘制 的 同时 按 下 


Shift 键 。 男 矩形 时 ， 可 以 只 绘制 空心 的 矩形 图 ， 也 可 以 绘制 实心 的 矩 
形 图 。 
4) 椭圆 工 | 


捉 本 | 背景 | 声音 

新 建 背景 | 
加 /局 外 

贺 一 ca* 
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图 1-18 绘图 工具 


用 该 工具 可 以 画 出 椭圆 形 ， 如 果 要 画 正 贺 ， 可 以 借助 Shift 键 的 帮助 。 同 样 ， 可 以 画 实心 或 


空心 的 椭圆 或 正 圆 。 
5) 文本 工 


使 用 该 工具 可 以 输入 需要 的 文本 ， 设 定 字体 以 及 颜色 。 如 果 要 放大 ， 拖 动 周 围 控 点 即 可 。 


但 目前 Scratch 的 文本 工具 还 只 能 输入 英文 ， 不 支持 中 文 输入 。 如 果 想 在 背景 上 加 中 文 ， 则 需 


要 借助 其 他 应 用 软件 ， 如 PowerPoint、Photoshop 等 ， 输 入 文字 后 ， 转 换 成 图 片 保存 ， 再 导入 
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基于 计算 思维 的 Scratch 项 目 式 编程 


Scratch 中 即 可 。Scratch 3.0 的 绘图 编辑 器 支持 输入 中 文 。 
| 项: 6 ) 颜料 桶 工具 
= 站 用 颜料 桶 工具 可 以 为 图 形 或 文字 填充 颜色 ， 注 意图 形 必须 是 闭合 的 才 
可 以 填充 。 共 有 4 种 填充 方式 可 以 选择 ,分 别 是 纯色 、 左 右 渐变 色 、 上 下 
图 1-19 4 种 填充 方式 ”渐变 色 和 四 周 渐变 色 ， 如 图 1-19 所 示 ， 可 以 根据 需要 灵活 选择 。 
7) 橡皮 工具 


有 时 候 需 要 去 掉 某 一 部 分 图 形 或 者 文字 ， 这 时 可 使 用 “橡皮 ”工具 擦 
除 。 如 图 1-20 所 示 ， 擦 除 时 ， 会 留 下 白色 的 空白 ， 我 们 只 需 用 选 定 的 颜 
色 填 充 即 可 。 另 外 ， 橡 皮 的 大 小 可 以 拖 动 下 面 的 滑动 条 自由 改变 。 

图 1-20 ” 擦 除 8) 选取 工具 

如 果 要 对 背景 上 某 一 部 分 内 容 进行 修改 ， 可 以 用 该 工具 将 其 框 选 ， 框 选 后 可 以 改变 大 小 、 删 
除 、 移 动 等 。 当 然 ， 留 下 的 空白 痕迹 依然 可 以 用 颜色 填充 。 

9 ) 去 背景 工具 

该 工具 的 功能 类 似 于 “ 抠 图 ”。 选 中 该 工具 ， 在 要 保留 的 图 形 上 按 下 鼠标 左 键 拖拉 涂抹 ， 这 
时 会 逐渐 呈现 出 图 片 内 容 ， 直 到 希望 保留 的 图 形 全 部 出 现 为止 ， 没 有 选中 的 部 分 最 终 被 删除 掉 。 
例如 ， 从 网 上 下 载 了 带 背 景 的 “孙悟空 ”图 片 ， 用 这 个 方法 可 以 将 “孙悟空 ” 抠 出 来 。 
10 ) 选择 复制 工具 
如 果 需 要 多 次 复制 一 个 图 形 ， 就 可 以 单 击 该 工具 ， 将 要 重复 的 图 形 拖 忠 选中 ， 移 开 图 形 会 发 
现 自动 出 现 一 个 重复 的 图 形 。 
细心 的 你 也 一 定 发 现 了 在 绘图 编辑 器 的 右 下 角 有 两 个 不 同 模式 的 按钮 。 在 绘制 背景 时 ， 默 认 
打开 的 是 “位 图 模式 ”。 在 从 背景 库 中 添加 背景 后 ， 有 的 图 片 显 示 的 是 “位 图 模式 ”， 有 的 显示 
的 是 “矢量 模式 ”， 在 后 续 “ 添 加 角色 造型 ”中 会 对 两 者 的 区 别 作 详细 介绍 。 

人 @@ 上 传 背 景 图 片 
有 时 Scratch 背 景 库 中 的 图 片 或 者 自己 绘制 的 图 片 不 能 满足 需求 ， 此 时 可 将 本 地 保存 好 的 
图 片上 传 作为 背景 图 片 ， 可 以 使 用 上 传 本 地 文件 作为 背景 的 方法 。 具 体 步骤 是 ， 单 击 上 4 
背景 按钮 ， 出 现 文 件 选取 对 话 框 ， 到 指定 的 位 置 上 找到 要 上 传 的 文件 ， 单 击 “确定 ”按钮 
即 可 。 


Se 


项 目 1 ”Scratch 探 寻 之 旅 


外 ， 还 可 以 从 资源 丰富 的 网 络 上 去 搜索 和 下 载 需要 的 图 片 ， 具 体 步 骤 可 以 参考 后 续 的 “ 知 
识 扩展 ”。 需 要 注意 的 是 ， 使 用 时 要 尊重 别人 的 版 权 ， 不 要 侵权 使 用 。 


@) 拍摄 现场 图 片 
如 果 使 用 的 计算 机 上 安装 了 摄像 头 ， 也 可 以 拍摄 现场 照片 作为 背景 ， 对 。 | 条 向 
| /ya| 
应 按钮 如 图 1-21 所 示 ， 不 妨 试 一 试 。 
添加 背景 的 这 4 种 方法 ， 在 实际 中 可 以 根据 需要 灵活 选用 ， 或 者 组 合 使 图 1-21 拍摄 按 针 


， 如 添加 背景 库 中 的 图 片 后 ， 再 利用 绘图 编辑 器 对 该 图 片 进行 修改 等 ， 恰 当地 选择 多 种 方法 来 


完成 背 景 图 片 的 添加 。 
练 习 


在 迷宫 游戏 中 需要 准备 不 同 关 卡 的 背景 图 ， 图 1-22 是 可 以 参考 绘制 的 图 ， 你 也 可 以 发 挥 
创意 ， 设 计 自己 的 迷宫 背景 图 ! 


图 1-22 ”迷宫 背景 (图 片 来 自 网 络 下 载 ) 


人 多 和 和 /知识 六 展 :搜索 和 下 载 图 片 ] 


选择 要 使 用 的 搜索 引擎 ( 如 百度 、 雅 虎 等 ) ， 以 百度 为 例 ， 打 开 浏 览 器 ， 在 地 址 栏 中 输入 网 
址 WWwW.baidu.com 后 ， 出 现 百 度 页 面 ， 找 到 “更 多 产品 ”， 选 择 “ 图 片 ”, 会 打开 “图 片 搜索 ” 
页 面 ， 然 后 找到 关键 字 输 入 框 ， 在 其 中 输入 需要 的 关键 字 ， 如 “雪景 480x360”， 这 时 类 似 主 
题 和 尺寸 的 图 片 就 搜索 出 来 了 。 

仔细 观察 ， 在 搜索 出 来 的 每 张 图 片 的 左下 角 显示 了 图 片 的 大 小 ， 右 下 角 有 “下 载 原 图 ” 按 
钮 ， 单 击 后 可 以 指定 文件 要 存放 的 位 置 以 及 文件 名 ， 再 单 击 “确定 ”按钮 后 即 可 将 图 片 下 载 保存 
到 本 机 上 。 


这 


@ 


Z 个 
Et PR Oe 


13.2 添加 角色 造型 
“角色 ”相当 于 作文 或 电影 里 的 人 物 ， 是 行为 或 动作 的 主体 ， 在 高 级 编程 语言 里 一 般 将 其 称 
为 “对 象 ”。 角 色 有 外 观 和 行为 ， 外 观 由 一 个 或 多 个 造型 组 成 ， 行 为 则 由 一 系列 指令 产生 的 动作 
组 成 。 
@ 阅读 角色 信息 


在 Scratch 角 色 列 表 区 ， 单 击 某 个 角色 左上 角 的 由 图 标 ， 展 开 后 可 以 看 到 角色 的 名 称 、 坐 标 


位 置 、 面 向 方向 、 旋 转 模 式 、 播 放 时 是 否 可 拖 鬼 、 显 示 等 信息 ， 除 了 “坐标 位 置 ”外 ， 其 他 项 都 
可 以 在 这 里 设置 ， 如 图 1-23 所 示 。 


方向 : 90” 《一 
旋转 模式 : | ) 一 9| 
ES 


图 1-23 ”角色 信息 


1) 命名 与 方向 设置 
角色 命名 按照 “ 见 名 知 意 ” 的 原则 ， 尽 量 不 以 数字 开头 。“ 方 向 ”表示 角色 的 朝向 ， 可 以 与 
旋转 模式 结合 起 来 设置 并 观察 效果 。 例 如 ， 在 “任意 旋转 模式 下 ” ， 把 鼠标 指针 移动 到 “方向 ” 


后 面 的 蓝 色 


指针 上 ， 按 住 鼠标 去 拖 蝶 指针 可 以 改变 方向 值 ， 观 察 此 时 舞台 上 角色 面向 的 方向 是 否 


发 生 了 改变 


; 同 理 ,再 在 “左右 旋转 模式 ”下 改变 方向 值 ， 发 现 只 能 看 到 角色 朝向 左右 (通常 用 


于 碰 到 边缘 


反弹 时 ) ;在 “不 旋转 模式 ”下 即使 改变 了 方向 值 ， 角 色 朝 向 也 不 发 生 改 变 。 知 道 了 


这 些 特点 ， 在 编程 时 可 以 根据 具体 情况 来 组 合 使 用 。 


2 ) 可 拖 忠 设置 


“播放 时 可 拖 忠 ”选项 默认 是 未 选 状 态 ， 即 默认 在 播放 模式 下 不 可 拖 忠 。 此 时 的 “播放 模 


式 ” 是 指 单 击 了 加, 按钮， 全 屏 模 式 下 ,设置 为 “不 可 拖 抱 ”的 角色 是 无 法 用 鼠标 去 拖 动 的 。 但 
如 果 要 做 类 似 拼 图 游戏 、 五 子 模 游 戏 等 ， 需 要 用 鼠标 拖 动 角色 时 ， 则 需要 将 角色 设置 为 “可 拖 


和 


项 目 1 ”Scratch 探 寻 之 旅 


色 造 型 是 其 外 观 的 具体 呈现 。 当 单 击 一 个 角色 后 ， 在 造型 


可 以 显示 其 各 种 造型 ， 例 如 小 


区 
狂 角 色 默 认 有 两 个 造型 ， 还 可 以 添加 任意 多 个 造型 。 每 个 造型 除了 有 名 字 外 ， 还 有 对 应 的 造型 编 
色 


号 、 尺 寸 等 。 单 击 造型 右上 方 的 “ 叉 号 ”， 可 以 删除 造型 。 当 角色 只 剩 下 一 个 造型 时 
介 许 被 删除 。 
@ 从 库 中 添加 角色 


， 该 造型 不 


Scratch 角 色 库 中 内 置 了 很 多 角色 ， 有 动物 类 、 奇 幻 类 、 交 通 类 等 ， 或 按 主题 分 为 城堡 、 城 
市 、 水 下 等 。 此 外 ， 还 有 一 种 划分 方式 ， 即 位 图 和 矢量 图 。 我 们 分 别 从 位 图 和 矢量 图 中 添加 一 个 


下 Shift 键 。 
1) 位 图 和 矢量 图 模式 


角色 ， 来 看 看 区 别 。 当 然 ， 你 也 可 以 一 次 性 添加 多 个 角色 ， 方 法 同 添加 多 个 背景 图 片 一 样 一 一 按 


如 果 单 击 位 图 角色 的 “造型 ”， 绘 图 编辑 器 自动 切换 到 “位 图 模式 ”， 对 应 的 工具 栏 显示 
在 左 伸 ， 每 个 工具 的 含义 在 “添加 背景 ”一 节 中 都 介绍 过 。 如 果 单 击 矢 量 角 色 的 “造型 ”， 绘 图 


编辑 器 则 切换 到 “矢量 模式 ”， 工 具 栏 在 右 侧 显示 。 
2 ) 两 种 模式 的 区 别 


位 图 图 像 保存 的 是 实际 的 像素 ， 矢 量 图 像 保 存 的 是 规则 或 计算 方法 ， 其 图 形 是 通过 计算 得 来 


的 。 因 此 ， 无 论 将 矢量 模式 的 图 形 放大 多 少 倍 ， 图 形 都 不 会 模糊 。 相 反 ， 位 图 图 像 是 


实 实在 在 


的 像素 点 组 合 而 成 ， 将 其 放大 多 倍 后， 会 出 现 模糊 不 清 的 情况 。 相 对 而 言 ， 矢 量 图 形 


因为 是 通过 


计算 得 来 ， 所 以 其 色彩 通常 比较 简单 ， 不 像 位 图 图 像 着 色 那 么 丰富 和 细腻 。 试 想 ， 用 相机 拍 出 的 


图 片 属 于 位 图 图 像 还 是 矢量 图 图 像 呢 9 显然 属于 位 图 图 像 。 
位 图 模式 下 的 图 像 建立 好 后 就 属于 画布 的 一 部 分 ， 无 法 单 击 独立 选择 ， 只 能 框 选 


。 而 矢量 模 


臣 


式 下 的 图 形 因为 是 独立 的 ， 可 以 单 击 选择 进行 相应 处 理 。 但 要 注意 ， 建 立 好 矢量 图 形 


， 一 旦 里 击 


“转换 到 位 图 模式 ”后 ， 就 会 成 为 位 图 图 像 。 至 于 两 者 识 优 就 劣 ， 这 个 无 法 去 界定 ， 
各自 特点 即 可 。 


只 需要 了 解 


bs 


/LL 


@ 


PE 


基于 计算 思维 的 Scratch 项 目 式 编程 
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图 1-24 ”矢量 模式 工具 列表 
拖 岛 、 担 曲 等 变形 操作 。 


@) 绘制 角色 造型 


位 图 模式 的 工具 前 面 已 经 介绍 ， 这 里 重点 介绍 矢量 图 模式 下 
具 的 使 用 ， 如 图 1-24 所 示 。 


1) 工具 介绍 


(1) 选择 按钮 国 。 
可 以 在 绘图 编辑 器 内 选择 


(2) 变形 按钮 心 。 


某 个 造型 或 者 其 中 的 一 部 分 。 只 有 先 


选择 好 ， 才 能 进行 后 续 的 操作 。 


使 用 该 工具 ， 可 以 单 击 角色 造型 的 各 个 部 分 ， 对 其 进行 任意 的 


(3) 铅笔、 线段、 矩形、 椭圆 、 文 本 、 颜 料 桶 。 
前 4 个 工具 的 功能 同位 图 模式 ， 都 可 以 设置 颜色 、 粗 细 ， 画 出 曲线 或 直线 ， 借 助 Shift 键 的 帮 
助 ， 可 以 画 出 正 贺 和 正方 形 。 用 文本 可 以 输入 英文 文本 等 ， 用 颜料 桶 可 以 为 线段 和 封闭 图 形 填充 


颜色 。 


(4) 复制 按钮 之 。 


当 单 击 该 工具 后 ， 再 单 击 绘图 编辑 器 中 的 一 个 图 形 ， 就 可 以 复制 出 一 个 完全 一 样 的 图 形 。 如 


果 要 复制 很 多 次 ， 就 可 以 借助 Shift 键 的 帮助 ， 即 单 击 “ 复 制 工具 ”后 ， 按 住 Shift 键 不 松手 ， 再 
多 次 单 击 图 形 ， 就 可 以 复制 多 个 图 形 出 来 。 


(5 


_ 


图 层 上 移 和 下 移 材 启 


o 


为 矢量 模式 下 各 种 图 形 是 经 过 数学 计算 的 结果 ， 不 属于 画布 上 的 真正 的 像素 ， 所 以 它们 之 


间 就 有 层次 营 加 问题 。 单 击 一 次 “上 移 ” 可 以 让 选 定 的 图 形 上 移 一 层 ， 在 按 住 Shift 键 的 同时 单 


击 “ 上 移 ”， 就 可 以 让 选 定 的 图 形 移动 至 最 上 层 ; 下 移 工 } 
(6) 组 合 量 和 取消 组 合 。" 
在 矢量 模式 下 可 以 借助 Shift 或 Ctrl 键 ， 将 多 个 | 


一 个 整体 ， 方 便 移动 等 操作 。 当 


o 


然 ， 也 可 以 单 击 组 合 好 的 


合 ” 按 钮 ， 单 击 后 可 以 拆散 ， 然 后 再 逐个 修改 。 


的 使 用 方法 同 理 。 


图 形 选 中 ， 单 击 “ 组 合 ”按钮 ， 它 们 就 会 成 为 


图 形 ， 此 时 该 工具 会 切换 成 “取消 组 


2 ) 给 造型 起 名 字 


图 1-25 小 痢 换 装 


凡是 涉及 命名 ， 都 尽量 要 “ 见 名 知 意 ”， 不 以 数字 打头 ， 可 以 是 中 


文 ， 也 可 以 是 英文 名 字 。 选 中 造型 后 ， 会 在 右上 角 显 示 对 应 的 名 称 ， 并 且 


可 以 编辑 修改 ， 如 图 1-26 所 示 。 
3) 添加 或 删除 造型 


项 目 1 ”Scratch 探 寻 之 旅 


好 在 | 韦 蚊 】 严 各 


S/ae 


0 . 
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图 1-26 ”修改 造型 名 字 


击 角色 后 ， 再 单 击 “ 造 型 ”， 会 看 到 该 角色 所 包含 的 造型 至 少 为 一 个 ， 可 以 单 击 现 有 造型 上 
方 的 4 个 按钮 去 继续 添加 造型 。 当 要 删除 造型 时 ， 除 了 通过 右键 快捷 菜 和 


删除 外 ， 可 以 单 击 造型 右 


上 角 的 “ x” 按钮。 当然， 也 可 以 改变 造型 的 排列 顺序 ， 用 鼠标 左 键 抑 忠 造型 到 合适 的 位 置 即 可 。 


@ 上 传 文件 建立 角色 


同上 传 背 景 图 片 一 样 ， 有 时 候 Scratch 角 色 库 或 者 自己 绘制 的 oe 
足 要 求 ， 此 时 可 使 用 “上 传 本 地 文件 ”的 方法 ， 或 者 现场 拍照 作为 角色 造型 ，， 岂 扩 虹 守 


@@ 几 个 常用 工具 


体 过 程 参考 背景 图 片上 传 和 拍照 的 方法 。 
上 传 图 片 后 ， 该 角色 就 有 了 一 个 造型 ， 且 默认 是 位 


图 模式 ， 并 可 能 带 有 


图 片 都 不 能 满 


6. 上 传 本 地 文件 


背景 。 可 以 使 用 “去 


背景 ”工具 ， 把 需要 的 部 分 用 拖 电 鼠 标的 方法 ， 一 点 
天 ， 再 看 看 细微 的 地 方 是 否 需要 用 橡皮 擦 进 行 处 理 。 六 


点 地 选取 


了 


到 将 需要 的 造型 独立 出 来 


意 选 择 需要 的 部 分 时 ， 要 耐心 和 细致 。 


在 Scratch 窗 口 的 顶部 中 间 位 置 有 这 样 5 个 常用 按钮 ， 


1) 复制 医 可 


单 击 该 按钮 后 ， 就 开局 了 “ 复 肯 


I” 功 能。 此 时 再 


其 舍 义 如 下 。 


色 ， 就 可 以 复制 该 


2 - 


区 
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基于 计算 思维 的 Scratch 项 


角色 ; 或 者 单 击 造型 及 


表 区 的 某 个 造型 ， 可 复 


可 复制 该 图 形 ; 如 果 单 击 编程 模块 下 的 指令 ， 


2 ) 删除 国 
与 “复制 ” 同 理 ， 


的 某 个 图 形 、 删 除 某 几 条 指令 等 ， 除 了 本 来 具 和 


加 方便 。 
3 ) 放大 属 到 和 缩 / 


变 成 相应 形状 ， 将 鼠标 移动 到 舞台 的 角色 上 ， 


一 次 (或 者 缩小 一 次 ) 
4) 孝 助 EE 


凡是 涉及 “删除 ”的 操作 ， 如 删除 角色 、 删 除 造型 、 删 除 绘图 编辑 


制 该 造型 ， 或 者 单 击 绘图 编辑 器 里 的 某 个 图 形 ， 则 
就 可 以 复制 该 指令 。 


的 右键 删除 方法 外 ， 都 可 以 用 该 按钮 使 得 操作 更 


国 


在 Scratch 编 程 中 ， 通 常 需要 调整 每 个 角色 的 大 小 ， 在 单 击 放大 或 者 缩小 按钮 后 ， 鼠 标 就 会 


或 者 绘图 编辑 器 的 图 形 上 ， 每 单 击 一 次 ， 就 会 放大 


， 可 以 重复 多 次 ， 直 到 


满意 为 止 。 


Scratch 给 用 户 提 # 


了 很 好 的 学 习 支 持 ， 遇 到 不 确定 的 地 方 ， 可 以 单 击 “ 帮 助 ”按钮 ， 此 时 


鼠标 指针 变 成 了 问号 形状 ， 在 不 懂 的 地 方 单 击 一 下 ,屏幕 的 最 右 侧 就 会 显示 提示 信息 ， 帮 助 编程 


者 快速 地 解决 疑 E 


避 j 


o 


练 习 
为 迷宫 游戏 添加 角色 造型 ， 图 1-27 仅 仅 是 参考 ， 相 信 你 的 创意 会 更 棒 ! 


项 目 1 ”Scratch 探 寻 之 旅 


芷 品 可 以 使 用 美观 的 背景 ， 添 加 合适 的 角色 ， 还 可 以 用 优美 的 背景 音乐 ， 或 者 合适 的 辅助 音 
效 来 增加 用 户 的 听觉 体验 。 
Scratch 中 的 声音 文件 是 属于 背景 或 某 个 角色 的 ， 即 每 个 角色 或 背景 只 能 播放 属于 自己 的 声 
， 因 此 在 添加 声音 的 时 候 需要 先 明确 要 把 声音 加 到 哪里 。 例 如 ， 计 划 添 加 背景 音乐 ， 需 要 先 选 
“舞台 背景 ”， 再 单 击 “ 声 音 ” 按 钮 ， 如 图 1-28 所 示 。 
此 时 可 以 看 到 默认 有 一 个 名 字 为 “ 踊 ” 的 声音 ， 其 持续 的 时 间 是 00 : 00:02〈 时 : 分 : 
秒 ) ， 即 2 秒 。 右 侧 显现 该 声音 的 波形 图 ， 单 击 播放 按钮 > 可 以 试听 ， 单 击 停 止 按 钮 @ 可 以 中 
止 播放 。 同 时 ， 单 击 录音 按钮 @ ， 可 以 在 这 个 声音 文件 上 录音 ,调节 “麦克 风 音 量 ” 可 以 让 录 
制 的 声音 更 强 或 更 弱 。 当 然 ， 如 果 这 个 声音 不 符合 要 求 ， 也 可 以 单 击 “ 踊 ”声音 右上 角 的 “x” 
按钮 去 删除 声音 文件 ， 如 图 1-29 所 示 。 


并 只 
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图 1-28 ”声音 信息 图 1-29 ”从 库 中 添加 声音 


(@ 从 声音 库 中 添加 声音 

Scratch 声 音 库 中 内 置 了 很 多 音效 ， 有 动物 类 、 效 果 类 等 。 可 以 单 击 声音 小 喇叭 右 侧 的 播放 
按钮 试听 ， 再 单 击 就 可 以 停止 ， 如 果 觉 得 合适 ， 可 以 单 击 小 喇叭 进行 选择 ， 然 后 单 击 屏 幕 右 下 方 
的 “确定 ”按钮 即 可 添加 声音 。 当 然 ， 也 可 以 一 次 性 添加 多 个 声音 ， 方 法 同 添加 多 个 背景 或 造型 
一 样 ， 需 要 同时 按 下 Shift 键 。 

回 录制 声音 

当 单 击 “ 麦 克 风 ”按钮 后 ， 会 建立 一 个 空 的 声音 文件 ,文件 名 是 “录音 1”， 时 间 是 0 秒 ， 


@ 
Pe -上 


基于 计算 思维 的 Scratch 项 目 式 编程 


击 右上 角 可 以 修改 录音 的 名 称 〈 注 意 ， 见 名 知 意 ) 。 此 时 因为 是 空 文件 ， 所 以 没有 波形 。 单 

“录音 ”按钮 后 ， 就 会 进入 录音 模式 ， 单 击 停 止 按钮 可 以 停止 录音 。 如 图 1-30 所 示 。 注 意 ,全 
式 计 算 机 需要 配置 麦克 风 才 能 正常 录音 ， 笔 记 本 电脑 或 一 体 机 通常 内 置 了 麦克 风 ， 所 以 可 以 直接 
录音 。 


忆 I 


Recording... 


图 1-30 ”录制 声音 


全 上 传 声 音 文件 

与 背景 和 角色 造型 一 样 ， 也 可 以 把 本 地 机 器 上 存储 的 声音 文件 上 传 。Scratch 支 持 的 声音 
文件 格式 有 .wav 和 .mp3 ， 可 以 根据 需要 从 网 上 下 载 并 进行 上 传 。 注 意 ， 声 音 文件 毕竟 不 是 游 
戏 作 品 中 的 主要 内 容 ， 所 以 在 选用 时 要 注意 文件 不 要 太 大 ， 够 用 即 可 ， 否 则 会 使 得 最 终 作品 很 
大 ， 加 载 时 速度 会 慢 一 些 。 在 上 传 声 音 时 ， 有 时 明明 是 .wav 或 者 .mp3 格 式 的 文件 ， 但 上 传 时 
却 报错 ， 这 种 情况 下 可 以 使 用 “格式 工厂 ”软件 转换 一 下 格式 就 可 以 ， 具 体 介 绍 见 后 面 的 “ 知 
识 扩展 ”。 

@ 声音 效果 处 理 

如 果 需 要 对 声音 文件 做 删除 、 复 制 等 操作 ， 可 以 打开 “编辑 ”菜单 ， 如 图 1-31 所 示 。 如 果 
需要 复制 一 段 声 音 ， 首 先 需要 在 波形 上 选取 一 段 ， 单 击 “ 复 制 ”， ep 
“粘贴 ”， 这 样 就 可 以 在 原来 的 声音 中 插入 一 段 ， 同 理 ， 可 以 将 选取 的 声 “部 切 、 粘 贴 ” 
实现 移动 声音 的 效果 ; 也 可 以 将 选取 的 声音 删除 ， 如 果 希 望 将 声音 a 
接 单 击 “ 全 选 ”。 当 然 ， 在 这 个 过 程 中 也 可 以 “ 重 做 ”或 “撤销 ”之 前 最 近 一 次 的 操作 。 

Scratch 还 提供 了 很 多 声音 效果 ， 如 图 1-31 所 示 ， 可 以 边 设置 边 播放 试听 。 


项 目 1 ”Scratch 探 寻 之 旅 


1) 淡 入 和 淡出 
一 段 音 乐 响起 时 ， 通 常 是 由 弱 变 强 ， 慢 慢 地 带领 人 们 进入 该 音乐 的 情境 ; 同样 ,一 段 音 乐 
要 结束 时 ， 会 逐渐 地 由 强 变 弱 ， 产 生 一 种 余音 综 绕 的 感觉 。 可 以 在 波形 图 上 选取 一 段 声音 ， 单 击 
“ 淡 入 ”或 者 “淡出 ”， 听 一 下 声音 效果 。 
2) 响 一 点 和 轻 一 点 


选取 一 段 声音 ， 单 击 “ 响 一 点 ”， 会 发 现 波 峰 变 高 ， 播 放 时 明显 声音 音量 增强 ; 单 击 “ 轻 一 
点 ”， 则 相反 。 

3) 无 声 

选取 一 段 声音 ， 单 击 “ 无 声 ”， 会 相当 于 中 间 暂 停 一 段 时 间 。 

4) 反 转 


反 转 是 指 把 声音 从 后 面 往 前 开始 播放 ， 产 生 一 些 特殊 效果 。 


图 1-31 ”声音 编辑 处 理 


人 ET 


格式 工厂 (Format Factory ) 是 由 上 海 格式 工厂 网 络 有 限 公司 于 2008 年 2 月 发 
布 ， 是 面向 全 球 用 户 的 互联 网 软件 。 该 工具 功能 强大 ， 操 作 方便 ， 可 以 把 所 有 间 富 中 
类 型 的 视频 、 音 频 、 图 片 文件 转换 为 用 户 所 需要 的 类 型 。 7. 使 用 格式 工厂 

可 以 在 网 上 搜索 “格式 工厂 Format Factory” ， 到 网 站 上 去 下 载 和 安装 即 可 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 


可 以 利用 百度 搜索 引擎 
使 用 。 
@ 下 载 图 片 文件 


载 所 需要 的 背景 图 片 、 角 色 造 型 、 声 音 文 件 等 


图 片 文件 分 为 两 种 : 一 和 


有 差别 。 
1 ) 搜索 背景 图 片 


是 普通 的 图 片 ， 另 一 种 是 动 
多 张 图 片 组 成 的 。 例 如 ， 在 《植物 大 战 僵 
需要 下 载 动 图 。 下 载 普通 图 片 通 常用 来 作为 游戏 的 背景 图 


图 ， 即 有 动画 效果 的 


图 片 。 动 图 通常 是 


性 》 游 戏 中 ， 需 要 让 僵 


有 真实 的 


片 或 者 


Scratch 舞 台 宽 度 是 480 像 素 ， 高 度 是 360 像 素 ， 下 载 图 片 时， 可 
要 下 载 植物 王国 的 图 片 作为 背景 ， 首 先 打开 浏览 器 ， 


后 ， 单 击 “ 更 多 产品 ”中 的 


色 造 型 ， 两 


以 进行 


行走 效果 ， 这 时 就 
者 搜索 的 关键 字 也 


尺寸 的 筛选 。 例 如 


的 “图 片 简 选 一 一 全 部 尺寸 ”， 
钮 ， 就 会 把 符合 尺寸 要 求 的 有 关 植 物 王国 的 图 片 显示 4 


没有 尺寸 要 求 的 话 ， 直 接 在 搜索 框 里 输入 关键 字 即 可 。 


Bal 人 St 


网 页 新 闻 WE 知道 音乐 图 片 视频 地 图 文库 更 多 > 


2 ) 搜索 动 图 文件 


如 果 要 搜索 《植物 大 战 僵尸 》 


页 面 , 输入 关键 字 “ 动 图 植物 大 战 僵尸 ”后 ， 网 页 上 会 出 现 很 多 类 似 


Se 


图 1-32 ”搜索 规定 


中 的 角色 造型 ， 


尺寸 的 图 片 


在 地 址 栏 中 输入 www.baidu.com, 进 入 首页 

“图 片 ”， 进 入 图 片 搜索 页 面 ， 输 入 关键 字 “ 植 物 王 国 ”， 单 击 右 侧 
在 自 定 义 尺寸 里 输入 宽度 480、 高 度 360， 单 击 “ 百 度 一 下 ” 按 
来 ， 如 图 1-32 所 示 。 当 然 ， 如 果 对 图 片 


[ee 
特大 尺寸 


Q 相关 捧 索 :、 夏 威 元 群岛 ”原始 丛林 沙漠 绿洲 北京 胡同 。 龙门 古镇 ”八大 胡同 。 东方 万 人 坑 石头 城 景 点 人 
元 g 了 < 


和 


可 以 在 


度 网 站 的 


图 片 


项 目 1 Scratch 控 二 之 旅 志 


如 图 1-33 所 示 。 当 把 鼠标 指针 指向 某 张 图 片上 后 ， 该 图 片 就 会 显示 其 动态 效果 。 


Bai 分 图片 局 国富 W 关 吕 人 F 


QQ 相关 搜索 : ” 植 向 大 战 僵尸 医 碎 植物 大 战 仿 尸 作 色 。 植 攀 大 战 信 厂 


5 全 后 


图 1-33 ER 


3) 下 载 文件 
观察 搜索 出 来 的 图 片 ， 如 图 1-33 所 示 ， 左 下 角 显示 了 图 片 尺寸 ， 右 下 角 有 一 个 下 载 按钮 ， 
单 击 可 以 将 该 文件 保存 在 指定 位 置 ， 写 好 文件 名 ， 如 僵尸 、 植 物 等 。 普 通 图 片 的 文件 扩展 名 一 般 


是 .jpg 或 者 .png 等 ， 动 图 文件 的 扩展 名 是 .gif。 
@》 下 载 声音 文件 


和 下 载 图 片 文件 类 似 ， 在 百度 页 面 的 “更 多 产品 ”中 单 击 “ 音 乐 ”后 ， 进 入 音乐 搜索 页 面 。 


件 , 但 是 需要 预先 在 计算 机 上 安装 百度 音乐 客户 端 。 


天 问 西 东 - 王 菲 茧 之 说 赵 雷 十 九 岁 徐 佳 莹 心里 学 1022 刘惜君 如 我 ”》 韩 红 胡彦斌 X 


搜索 “ 植 阁 大 总 硬 尸 ” ,找到 相关 到 此 共 3 获 . 


国 莹 曲 (3) 素 手 2) MV(8) 专 雪 (1) 妇 羊 (54) 隔 司 (0) 用 产品， 二 局 


St 植物 大 战 僵尸 机 下 人 { 伍 B33) 
植物 大 战友 己 大 向 国 
Plants vs Zombies ( 桔 物 。 Keyshawn Bine 
大 战 侍 广 主题 曲 ) 


图 1-34 下载 声音 文件 


例如 ， 输 入 关键 字 “ 植 物 大 战 僵 尸 ”， 结 果 如 图 1-34 所 示 ， 单 击 下 载 按钮 ， 可 以 下 载 声音 文 
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基于 计算 思维 的 Scratch 项 目 式 编程 


1.4 ; Scratch 的 各 种 约定 


器 


六 


约定 的 呢 9 这 是 编程 之 前 首先 需要 明确 的 


题 。 


在 Scratch 中 可 以 添加 很 多 角色 ， 这 些 角色 在 舞台 上 有 自己 的 位 置 ， 移 动 时 也 会 有 各 自 的 方 
， 也 可 以 围绕 不 同 的 中 心 点 旋转 。 那 么 ，Scratch 中 角色 的 位 置 、 方 向 以 及 造型 中 心 点 都 是 如 
问 


Scratch 中 规定 ， 舞 全 背景 是 不 能 移动 的 ， 而 角色 可 以 任意 移动 。 因 此 ， 当 单 击 舞 人 台 背 


和 


时 ， 脚 本 列表 区 的 “动作 模块 ”为 空 。 而 当 单 击 一 个 角色 时 ，“ 动 作 模 块 ”有 大 量 的 有 关 移 动 的 


刘 
这 
外 


“舞台 ”是 Scratch 中 角色 的 活动 区 域 ， 角 色 可 以 在 舞台 上 任意 移动 ， 有 时 会 碰 到 舞 


位 
| 


边 绿 ,或 者 移 走 到 了 和 舞台 外 面 ， 有 时 甚至 不 知道 角色 跑 哪里 去 了 ， 这 该 怎么 办 呢 ? 为 了 能 很 好 地 


控制 角色 的 位 置 ， 需 要 对 Scratch 中 舞台 坐标 系 有 充分 的 认识 和 理解。 
@ 数学 中 的 数 轴 


数 轴 用 来 确定 一 条 直线 上 各 个 点 的 位 置 。 数 轴 上 的 点 可 以 用 一 个 数 来 表示 ， 这 个 数 叫做 这 个 
点 在 数 轴 上 的 坐标 。 如 图 1-35 所 示 ， 点 A 坐 标 为 -3， 点 B 在 数 轴 上 的 坐标 为 6。 反 过 来 ， 知 道 数 


轴 上 一 个 点 的 坐标 ， 这 个 点 在 数 轴 上 的 位 置 也 就 确定 了 。 


小 强 小 明 小 红 


人 全 
-6-35-4-3-2-10123 45 6 7 
A O 了 
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图 1-35 ” 数 轴 与 坐标 


思考 一 下 
C 点 的 坐标 是 多 少 ? 坐标 0 的 位 置 是 哪个 同学 的 位 置 ? 


继续 思考 ， 用 数 轴 能 否 清晰 地 表示 出 所 有 情况 下 的 位 置信 息 呢 ? 显然 ， 数 轴 代 表 的 仅仅 
是 一 个 维度 ， 即 一 条 直线 上 点 的 坐标 位 置 ， 那 么 如 果 是 两 个 维度 ， 即 在 一 个 平面 上 ， 点 的 坐 


标 位 置 该 如 何 确定 呢 ? 这 时 就 要 用 到 平面 直角 坐标 系 。 


和 


项 目 1 Stth 控 村 二 族 克 


人 数学 中 的 平面 直角 坐标 系 


如 图 1-36 所 示 ， 如 


何 表示 出 小 强 、 小 明和 小 红 的 位 置 呢 ? 显然 ， 用 数 轴 无 法 表示 ， 因 为 数 


坐标 系 ， 在 这 个 坐标 系 吕 


轴 表 示 的 是 一 条 直线 上 的 点 ， 而 这 三 个 同学 显然 不 在 一 条 直线 上 ， 此 时 可 以 为 其 添加 上 平面 直角 


和 确定 他 们 的 位 置 。 


和 轴 或 纵 和 
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1) 平面 直角 坐标 系 


图 1-36 平面 直角 坐标 系 


特点 


一 个 平面 直角 坐标 系 的 基本 元 素 有 三 个 ， 分 别 是 两 条 数 轴 、 互 相 垂 直 和 公共 原点 。 


x 轴 坐标 变化 趋势 是 : 


y 轴 坐标 变化 趋势 是 : 


自 左 向 右 ，x 坐 标 值 不 断 增加 ; 反之 ，x 坐 标 值 不 断 减 小 。 
自 下 向 上 ，y 坐 标 值 不 断 增加 ; 反之 ，y 坐 标 值 不 断 减 小 。 


2 ) 点 的 位 置 表示 法 


平面 直角 坐标 系 上 点 的 位 置 是 由 横 坐 标 和 纵 坐标 组 成 的 有 序数 对 ， 如 图 1-37 所 示 。A 点 的 横 


坐标 就 是 从 该 点 向 x 轴 做 


重 线 ， 对 应 是 4， 纵 坐标 是 从 该 点 向 y 轴 做 垂 线 ， 对 应 是 2， 因 此 A 点 坐标 
表示 为 《4，2 ) ， 横 坐标 在 前 ， 纵 坐标 在 后 。 同 理 ，B 点 坐标 是 《-4，1) 。 
纵 轴 了 
5 
4 
(-4, 1) 3 a (2 
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图 1-37 ”点 的 位 置 表 示 
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1 
上 
1 
1 
上 
1 人 @@ scratch 舞 台 坐 标 约定 
! 在 Seratch 中 ,也 使 用 坐标 来 表达 角色 位 置 ， 规 定 了 舞台 的 宽度 是 480 像 对 

。! 素 ， 高 度 是 360 像 素 ， 并 且 以 原点 (0，0) 为 中 心 ，x 轴 最 小 值 是 -240, 最 大 。 证 守 于 的 
1 值 是 240; y 轴 最 小 值 是 -180， 最 大 值 是 180。 如 图 1-39 所 示 ， 这 是 Scratch 9. Scratch 坐 标 约定 
上 

六 ! 背景 库 中 的 一 张 图 片 ， 可 以 帮助 我 们 很 好 地 认识 舞台 坐标 系 。 仔 细 看 看 ， 与 数学 中 的 平面 直角 坐 
a | 标 系 是 不 是 完全 一 样 ? 有 什么 微小 差别 呢 ? 
@ 0 
1 yTG:0,y:180) 
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1 
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! [eli ao) [se i 
x“ | 》 
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图 1-39 ”舞台 坐标 系 


和 


项 目 1 “ Scratch 探寻 之 旅 


pg 


Scratch 舞 全 坐标 系 规定 了 横 轴 和 纵 轴 的 宽度 和 高 度 ，x 的 取 值 范围 为 -240 ~ 240，y 的 取信 
范围 为 -180 ~ 180。 除 此 之 外 ， 没 有 差别 。 另 外 ， 在 舞台 的 右 下 角 也 把 鼠标 指针 的 位 置 实时 进行 
了 显示 。 

@ 让 角色 移动 

1) 给 角色 定位 

从 平角 直角 坐标 系 来 看 ，“ 位 置 ”是 由 x 坐 标 和 y 坐 标 唯一 确定 的 。 所 以 ， 给 某 个 角色 定位 ， 
就 是 确定 其 x 和 y 的 值 。 在 编程 时 ， 通 常 要 给 角色 一 个 初始 位 置 ， 每 次 程序 运行 ， 该 角色 都 会 从 初 
始 位 置 开始 。 对 应 的 指令 是 EEC 。 
具体 操作 方法 为 ， 在 舞台 上 把 角色 拖 动 到 你 希望 的 位 置 后 ， 右 侧 脚本 列表 下 的 “动作 模块 ” 
里 的 CXENC3) ， 会 自动 取得 此 时 角色 的 位 置 ， 并 在 积木 块 上 的 白色 文本 区 显示 。 因 此 ， 我 们 
需要 将 这 个 指令 拖 放 到 脚本 区 即 可 。 为 了 检测 效果 ， 可 以 先 将 角色 移动 到 随意 其 他 位 置 ， 然 后 
击 这 条 指令 ， 注 意 观察 角色 是 否 瞬 间 回 到 了 初始 位 置 呢 ? 

还 有 一 个 与 其 类 似 的 滑行 指令 ， 表 示 角 色 在 多 长 时 间 内 滑行 到 指定 的 位 置 Er 
与 瞬间 移动 指令 不 同 ， 该 指令 可 以 使 角色 从 当前 位 置 匀速 滑行 到 指定 位 置 ， 在 实际 编程 中 可 以 灵 
活 选用 。 

2 ) 让 角色 上 下 左右 移动 

在 迷宫 游戏 中 ， 通 常 需要 让 角色 在 键盘 按键 控制 下 上 下 左右 移动 ， 如 今 利 用 x 轴 和 y 机 
坐标 变化 特点 ， 是 否 能 实现 这 个 功能 呢 ? 角色 向 上 方 走 ， 其 实 是 让 y 坐 标 增加 ， 对 应 的 指令 为 
EPEID ， 向 下 走 ， 是 让 y 坐 标 减少 ， 即 增加 负 信 ， 对 应 的 指令 为 WC ， 可 以 根据 需要 在 指 
令 文 本 框 里 输入 数值 。 同 理 ， 角 色 左 右 移动 ， 其 实 是 让 x 坐标 增加 或 减少 ， 对 应 的 指令 是 
或 者 eK， 当然 具体 数值 可 以 根据 需要 设 定 。 

键盘 按键 的 指令 在 脚本 列表 区 的 “事件 ”模块 下 的 “ 当 按 下 某 个 键 ”， 将 其 拖 到 脚本 区 ,， 单 
击 下 拉 简 头 ， 选 择 上 移 键 ， 并 将 y 坐 标 增加 的 指令 连接 上 ， 再 按 下 键盘 上 
移 键 测试 即 可 。 同 理 ， 其 他 3 个 键 的 编程 都 是 类 似 的 ， 如 图 1-40 所 示 。 
测试 方法 是 ， 分 别 按 下 键盘 上 的 4 个 方向 键 ， 观 察 舞 合 上 的 小 猫 是 否 开始 
向 4 个 方向 行走 了 呢 ? 

?思考 : 如 何 让 角色 斜 着 走 呢 ? 你 想 出 了 哪些 方法 ? 大胆 地 尝试 吧 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 


在 Scratch 编 程 中 ， 角 色 的 运动 还 需要 有 方向 ， 通 过 设置 “面向 角度 


方向 。 首 先 我 们 先 来 认识 数学 中 的 角 和 角度 。 
@ 数学 中 的 角 和 角度 


1) 角 


公共 端点 叫做 角 的 顶点 ， 两 条 射线 叫做 角 的 两 条 边 。 在 高 中 数学 中 , 对 “ 
即 : 一 条 射线 绕 着 它 的 端点 从 一 个 位 置 旋转 到 另 一 个 位 置 所 形成 的 图 形 叫 


”可 以 改变 角色 移动 的 


在 初中 数学 中 ， 是 这 样 定 义 “ 角 ”的 : 具有 公共 端点 的 两 条 射线 组 成 的 图 形 叫做 角 ， 其 中 


角 ” 进 行 了 动态 定义 ， 
做 角 ， 所 旋转 射线 的 端 


点 叫做 角 的 顶点 ， 开 始 位 置 的 射线 叫做 角 的 始 边 ， 终 止 位 置 的 射线 叫做 角 的 终 边 ， 如 图 1-41 所 
示 ， 角 可 以 表示 为 LAOB。 
2) 角度 


角度 是 对 两 条 边 夹 角 的 


180° 


度量 ， 用 ”表示 。 有 几 个 比较 特殊 的 角 需 要 记 住 ， 直 角 (90°) 、 


之 间 的 角 叫 做 钝 角 。 


平角 (180。 ) 、 周 角 (360。 ) ， 如 图 1-42 所 示 。0。 到 90。 之 间 的 角 叫 做 锐角 ，90。 到 


0 A 始 边 直角 


B _ 终 边 
180° 360° 
90? 
8 Pc 
3 
平角 周 角 


图 1-41 角 图 1-42 ”特殊 的 角 


人 @@ scratch 方 向 约定 


夹 角 


Scratch 中 角色 移动 的 方向 反 


侧 直 线 的 夹 角 ， 此 时 角色 面向 右 侧 ; 180” 是 指 起 始 边 与 y 轴 下 方 直线 的 夹 角 ， 此 时 角色 面向 
; -90。 指 起 始 边 与 x 轴 左 侧 直线 的 夹 角 ， 此 时 角色 面向 左 侧 ; -180° 


常用 角度 表示 ， 那 么 角 的 起 始 边 是 谁 呢 ? Scratch 约 定 ， 角 的 起 

始 边 是 y 轴 的 上 方 垂 线 ， 顺 时 针 角 度 为 正 ， 逆 时 针 角 度 为 负 。 因 此 ，90。 角 是 指 起 始 边 与 x 轴 右 
下 

的 


是 起 始 边 与 y 轴 下 方 的 


， 此 时 角色 面向 下 方 ， 如 图 1-43 所 示 。 当 然 也 可 以 始终 按照 顺 时 针 方向 来 约定 ， 那 么 面向 


和 


其 实 就 是 朝向 左 侧 ， 与 面向 -90” 是 等 价 的 ; 同 理 ， 面 向 360” 其实 与 面向 0” 是 等 价 的 ， 


全 设置 角色 运动 方向 


1) 指定 角度 


的 黑色 三 角 小 简 头 ， 


项 目 1 ”Scratch 探 寻 之 旅 


图 1-43 ”Scratch 方 向 约定 


10. Scratch 方 向 约定 


展开 “动作 ”模块 ， 找 到 “面向 90 方 向 ”指令 ， 将 其 拖 动 到 角色 的 脚本 区 域 ， 单 击 指令 上 


下 拉 出 四 个 方向 ， 分 别 是 《90) 向 右 、(-90) 向 左 、(0) 向 上 、(180) 


向 下 。 同 时 ， 还 可 以 单 击 白色 方 枉 ， 在 里 面 输入 任意 角度 的 数值 。 通 过 前 面 的 分 析 可 以 知道 ， 


可 以 按照 数学 里 的 0 


-180" ~ 0 去 设置 ， 如 图 1-44 所 示 。 单 击 指令 让 其 运行 ， 观 察 小 猫 的 朝向 是 否 改变 了 9 


2 ) 旋转 角度 


~360。 去 设置 方向 ， 也 可 以 按照 Scratch 内 部 约定 的 角度 范围 0~ 180。 ， 


除了 可 以 通过 “面向 多 少 度 ” 设 置 方向 外 ， 还 有 一 种 设置 方向 的 指令 ， 即 向 右 或 向 左旋 转 
多 少 度 。 这 种 设置 不 需要 知道 角色 面向 的 角度 是 多 少 ， 只 需要 设置 其 与 当前 方向 偏离 的 角度 差 即 
可 。 例 如， 让 铃 销 左 右 摆动 ， 就 可 以 用 旋转 角度 的 方法 来 实现 。 添 加 “ 铃 钳 ”角色 ， 为 该 角色 编 
写 肢 本， 如 图 1-45(a ) 所 示 ， 让 角色 先 向 右 旋转 15 度 ， 再 向 左旋 转 2 个 15” ， 即 30” ， 单 击 绿 


旗 运 行 一 下 ， 观 察 角 


色 的 改变 ， 是 不 是 看 不 出 什么 效果 9 你 能 分 析出 其 中 的 原因 吗 9 


试 一 试 添加 等 待 指令 〈 在 控制 模块 里 ) 如 图 1-45〈b ) 所 示 ， 观 察 是 不 是 能 看 到 铃 销 左右 # 
动 了 ?9 多 次 运行 这 段 程序 ， 观 察 铃 氏 是 否 离开 原来 位 置 30” 9 其 实 ， 就 像 要 给 角色 设置 初始 位 


置 一 样 ， 也 要 给 角色 设置 初始 方向 ， 让 程序 开始 运行 时 ， 都 从 起 始 位 置 按照 起 始 方向 做 好 准备 。 


否则 ， 角 色 一 旦 改变 


了 方向 或 者 移动 了 位 置 后 ， 再 运行 就 不 会 保持 原状 了 。 


be 


G@ 


基于 计算 思维 的 Scratch 项 目 式 编程 


(90) 向 右 
{90) 向 左 
(OL 


图 1-44 ”面向 指定 角度 图 1-45 (a) ”旋转 角度 ”图 1-45(b) ”增加 等 待 指令 


如 果 想 让 铃 销 反复 左右 摆动 ， 需 要 如 何 编程 呢 ? 反复 即 重复 ， 在 “ 控 
制 ”模块 下 有 “重复 执行 ”指令 ， 如 图 1-46 所 示 。 
?了 思考 : 有 没有 注意 到 铃 锚 在 旋转 时 围绕 的 中 心 点 是 哪里 ?是 否 想 修改 一 下 
中 心 点 呢 ? 在 “造型 中 心 点 约定 ”中 可 以 找到 答案 。 

3 ) 面向 鼠标 或 角色 
图 1-46 重复 指令 你 见 过 射击 类 游戏 ， 或 者 《小 猫 钓鱼 》 的 游戏 吗 9 是 不 是 需要 让 枪 或 鱼 
钩 不 断 地 瞄准 目标 ， 随 着 目标 的 移动 而 改变 方向 呢 9 类 似 的 功能 可 以 用 面向 鼠标 或 面向 某 个 角色 
来 实现 。 例 如 ， 让 角色 面向 鼠标 指针 ， 即 鼠标 指针 在 哪里 ， 角 色 就 朝向 哪里 。 
练 习 


先 阅读 图 1-47 左 侧 的 程序 ， 猜 测 一 下 单 击 绿 旗 后 ， 小 猫 有 什么 效果 ? 重复 执行 的 作用 是 


0 


角色 除了 可 以 面向 鼠标 指针 外 ， 也 可 以 面向 舞台 上 其 他 的 角色 。 
练习 : 添加 角色 Basketball( 篮 球 )， 在 小 猫 角 色 上 编写 程序 ， 如 图 1-48 所 示 ， 单 击 绿 旗 运 
行 ， 在 舞台 上 拖 电 篮球 使 其 在 随意 位 置 ， 观 察 小 猫 的 变化 ， 是 不 是 特别 好 玩 呢 ? 


图 1-48 面向 角色 


Se em ee 


项 目 1 ”Scratch 探 寻 之 旅 


Wp 


位 置 呢 9 下 面 就 来 解决 这 个 问题 。 
@ 认识 造型 中 心 点 


器 顾 前 面 铃 销 左右 摆动 的 例子 ， 铃 销 在 旋转 时 围绕 的 中 心 是 哪 


旦 呢 9? 你 希望 将 其 调整 到 哪个 


色 进 行 定位 、 旋 转 等 操作 时 ， 都 会 围绕 该 “中 心 点 ”来 进行 。 


围绕 球 的 中 心 ， 所 以 造型 中 心 点 就 要 设置 在 球 的 中 心 位 置 ; 而 铃 销 


造型 中 心 点 未 必 一 定 是 造型 的 “正中 间 ” 位 置 ， 而 是 根据 需要 人 为 设置 的 一 个 点 ， 之 后 在 对 


如 图 1-49 所 示 ， 足 球 旋转 需要 


左右 摇摆 ， 造 型 中 心 点 就 需 


要 设置 在 铃 氏 的 系 强 处 。 
图 1-49 造型 中 心 点 
@ 设置 造型 中 心 点 
单 击 铃 销 角 色 ， 选择“ 造型 ”选项 卡 ， 会 默认 打开 第 一 个 造型 的 绘 


辑 器 ， 如 图 1-50 所 示 ， 单 击 最 右 侧 的 “设置 造型 中 心 ”按钮 ， 会 在 绘 


显示 十 字形 交叉 线 ， 交 点 处 就 是 此 时 的 中 心 点 位 置 。 
如 果 需 要 修改 造型 中 心 点 的 位 置 ， 先 单 击 “ 设 置 造型 中 心 ” 


图 


11. 造型 中 心 点 约定 


按钮 ， 然 后 在 计划 设置 为 中 心 点 


的 位 置 单 击 即 可 ， 此 时 十 字 线 会 自动 消失 《如 果 没 有 自动 消失 ， 可 以 按 Esc 键 〉， 表单 击 “设置 
造型 中 心 ”按钮 ， 就 可 以 看 到 设置 后 的 造型 中 心 点 位 置 了 。 或 者 用 鼠标 拖 动 十 字 线 到 新 的 造型 中 


心 点 位 置 即 可 ， 如 图 1-50 所 示 。 


图 1-50 ”设置 造型 中 心 点 
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将 铃 销 造型 的 中 心 点 设置 在 铃 销 系 强 处 ， 多 次 单 击 旋转 指令 ， 观 察 此 时 铃 销 的 旋转 效果 。 


你 发 现 造型 中 心 点 设置 前 后 的 区 别 了 吗 ? 


人 @ 造型 中 心 点 与 角色 定位 
由 前 面 学 习 知道 ，Scratch 中 角色 位 置 的 改变 是 通过 改变 x 坐 标 和 y 坐 标的 值 ， 例 如 ， 


EEC ， 那 么 这 个 坐标 对 应 的 点 是 角色 造型 中 的 哪个 点 呢 ? 你 能 猜 得 到 吗 9 是 的 ， 这 个 位 


不 


些 


性 


其 实 就 是 指 造 型 中 心 点 的 坐标 值 。 也 就 是 说 ， 即 使 指令 中 的 坐标 值 不 变 ， 但 若 角色 造型 中 心 点 
同 ， 该 角色 在 舞台 上 的 位 置 也 会 不 同 ， 大 家 可 以 党 试 一 下 。 
@ 绘图 编辑 器 的 其 他 工具 
前 我 们 学 习 了 使 用 绘图 编辑 器 中 的 画图 类 工具 绘制 或 修改 背景 或 造型 ， 除 此 之 外 ， 还 有 一 
常用 工具 ， 如 图 1-51 所 示 。 


清除 | 添加 | 导入 站 响 合十 


图 1-51 常用 工具 


1) “清除 ”按钮 
如 果 要 把 绘制 区 上 的 所 有 内 容 删 除 掉 ， 可 以 使 用 橡皮 去 擦 除 ， 也 可 以 单 击 “ 清 除 ”按钮 一 次 
全 部 删除 。 
2) “添加 ”按钮 
当 单 击 舞 台 背 景 后 ， 再 单 击 绘图 编辑 器 中 的 “添加 ” 按钮 ， 打 开 Scratch 背 景 库 ， 可 以 选择 


示 


一 一 一 


片 ， 添 加 后 ， 由 于 尺寸 一 样 大 ， 所 以 会 出 现 敬 加 情况 ， 此 时 ， 可 以 根据 需要 将 它们 进行 大 小 或 
置 的 调整 。 如 图 1-52《〈a ) 所 示 为 把 两 个 背景 图 片 亚 加 在 一 起 的 效果 。 
当然 ， 也 可 以 将 多 个 角色 造型 进行 合并 ， 形 成 新 的 造型 。 单 击 角色 ， 选 择 造型 ， 然 后 单 击 绘 
编辑 器 中 的 “添加 ”按钮 ， 将 两 个 角色 加 到 绘图 编辑 器 中 ， 移 动 位 置 改变 大 小 后 ， 形 成 小 猫 坐 
汽车 上 的 感觉 ， 如 图 1-52《〈b ) 所 示 ， 是 不 是 很 酷 9 当然 ， 你 也 可 以 做 出 更 好 玩 的 角色 来 。 
3) “导入 ”按钮 
“导入 ”和 “添加 ”的 作用 类 似 ， 只 不 过 导入 的 是 本 地 计算 机 中 存储 的 图 片 。 如 图 1-53 所 
为 在 GAMEOVER 造 型 中 导入 一 张 图 片 ， 最 终 合成 的 效果 。 


图 1-52 (a) 合 背景 图 片 图 1-52 (b) 


4) 裁 盘 工具 国 


该 工具 用 于 在 位 图 模式 下 裁剪 图 形 。 当 在 位 图 模式 下 用 框 选 工具 选取 了 一 部 分 图 形 后 
钮 变 为 可 使 用 状态 ， 单 击 它 之 后 ， 可 以 把 框 选 的 图 形 独立 出 来 ， 其 他 的 被 删除 掉 。 


5) 翻转 工具 现 如 

先 选 取 要 翻转 的 图 形 ， 
图 1-54 所 示 。 

6) 各 种 控 点 


ls 


地 操作 ， 如 图 1-55 所 示 。 


拖 动 可 以 任意 旋转 。 


(1) 旋转 控 点 : 每 个 图 形 只 


图 1-53 使 用 “导入 ”按钮 导入 图 片 


单 击 左右 翻转 按钮 后 ， 图 形 会 产生 左右 翻转 效果 ， 上 下 翻转 同 


项 目 1 ”Scratch 探 寻 之 旅 


组 合 多 个 角色 造型 


有 一 个 旋转 控 点 ， 将 鼠标 指针 移动 到 该 控 点 上 ， 按 住 鼠 


在 绘图 编辑 器 中 选中 一 个 图 形 后 ， 会 有 3 种 类 型 的 控 点 ， 认 识 这 些 控 点 ， 能 帮助 你 更 高 效 


标 左 键 


(2 ) 移动 控 点 : 每 个 图 形 只 有 一 个 移动 控 点 ， 位 于 图 形 的 中 间 ， 将 鼠标 指针 移动 到 该 控 点 


上 ， 按 住 鼠 标 左 键 拖 动 ， 
(3) 缩放 控 点 : 单 击 


可 以 将 其 移动 位 置 。 
图 形 后 ， 会 出 现 8 个 控 点 ， 将 鼠标 指针 移 到 某 个 控 点 上 ， 按 住 鼠 标 左 


键 拖 动 鼠标 ， 可 以 对 图 形 进行 


控 点 即 可 。 


缩放 操作 。 如 果 想 对 宽度 和 高 度 进 


行 等 比例 缩放 ， 拖 动 4 个 


上 的 
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图 1-54 ”左右 翻转 和 上 下 翻转 图 1-55 ”各 种 控 点 


1.5 ; Scratch 指 仿 与 程序 


Scratch 把 积木 块 式 的 编程 指令 按照 功能 分 成 了 不 同 颜色 的 十 大 类 别 ， 每 
一 类 别 集 中 实现 了 统一 功能 。 例 如 ，“ 运 动 ”模块 下 的 指令 都 与 角色 的 运动 
有 关 ，“ 外 观 ” 模 块 下 的 指令 都 涉及 角色 造型 的 特殊 效果 ， 等 等 ， 如 图 1-56 12 认识 职 木 指 人 
所 示 。 因 此 ， 想 灵活 地 编程 ， 先 要 学 习 每 一 类 别 中 各 条 指令 的 含义 及 其 使 用 方法 。 这 一 部 分 将 从 
积木 块 形状 上 来 总 体 认识 ， 每 一 个 指令 的 具体 功能 将 在 后 续 案 例 编程 中 去 学 习 。 


脚本 | 秆 型 | 声音 脚本 | 道 型 | 声音 
运动 事件 la | Bad 
Ltn [EE | bey 

| 国 | sy 声音 | Way 
Nas | 区 2 as | 医 
we 蛋 更 乡 积 林 上 站 
SSE 

左 转 中 输 度 思考 DT @ 1 


图 1-56 积木 块 指 令 


Se 


人 OO 数据 类 指令 
这 类 积木 块 对 应 的 形状 有 两 种 。 一 种 是 圆 角 逢 形 ， 如 国 凤 ， 大 多 数 代表 具体 的 数值 ， 有 少 


数 代表 文本 , 如 EBD 。 六 


项 目 1 ”Scratch 探 寻 之 旅 


意 ， 在 Scratch 中 对 数据 的 类 型 要 求 不 高 ， 数 值 和 文本 可 以 互相 


换 。 而 在 高 级 语言 中 《如 C 语 言 、Python 语 言 等 )， 对 数据 类 型 分 类 很 细致 县 要求 规范 。 另 一 种 
是 姜 形 ， 如 <B>》 ， 这 种 形状 的 数据 有 两 种 可 能 的 值 : 要 么 成 立 ， 要 么 不 成 立 ， 对 应 的 值 是 
true 或 false， 即 真 或 假 。 

1) 数值 型 

该 类 积木 块 为 圆 角 和 矩形， 作用 是 取得 数值 ， 有 的 是 数字 类 型 的 数值 ， 如 动作 模块 里 的 “x 坐 
标 、y 坐 标 、 方 向 ”， 外 观 模块 里 的 “造型 编号 、 大 小 ”等 ， 有 的 是 文本 类 型 的 数值 ， 如 “背景 
名 称 ”、 侦 测 模 块 里 的 “回答 ”等 ， 如 图 1-57 所 示 。 

这 些 积 木 块 的 特点 是 : 本 身 不 能 独立 执行 ， 需 要 将 其 放 在 其 他 积木 块 里 作为 参数 使 用 。 如 图 
1-58 所 示 ， 第 一 条 指令 的 舍 义 是 取得 角色 的 x 坐标 后 ， 在 舞台 上 显示 出 来 。 第 二 条 指令 的 合 义 是 
从 1 ~ 10 中 随机 选 一 个 数 ， 作 为 等 待 的 时 间 。 


厂 和 于 3 

YY 业 标 名 称 

me Ce 
图 1-57 ”取得 数值 


2 ) 逻辑 型 


该 类 积木 块 的 形状 类 似 


区 


厂 i 


回答 


图 1-58 ” 读 取 数值 


合用。 如 


“Hellol 


图 1-60 所 示 ， 当 角色 碰 于 


» 
o 


F 姜 形 ， 主 要 集中 在 “ 侦 测 模块 ”和 “运算 模块 ”里 。 例 如 判 
断 角 色 是 否 蔽 到 另 一 个 角色 或 者 舞台 边缘 ， 一 种 颜色 是 否 磁 到 另 一 种 颜色 ， 某 个 键 是 否 被 
按 下 ， 等 等 ; 在 “运算 模块 ”里 ， 则 主要 用 于 比较 数值 的 大 小 ， 如 大 于 、 小 于 、 等 于 ， 还 
逻辑 比较 ， 如 非 、 与 、 或 等 ， 如 
假 ， 即 成 立 或 不 成 立 。 这 些 积木 块 本 身 不 能 独立 运行 ， 但 可 以 放 到 其 他 积木 块 里 作为 参数 


图 1-59 所 示 。 总 之 ， 其 值 有 两 种 ， 要 么 是 真 ， 要 么 是 


了 红色 ， 则 程序 终止 ;或 者 当 得 分 达到 10 ， 那 么 显示 


~ 


= 


> 


等 


人 一 
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sh 


G 
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按键 空格 。 是否 按 下 ? 


饼 标 键 被 按 下 9 


WN 


图 1-59 逻辑 判断 


四 命令 类 指令 
命令 指令 指 能 执行 某 种 功能 的 积木 块 指令 ， 如 上 面 提 到 的 “说 …… 停 止 全 部 、 如 果 …… 那 
么 ”等 ,都 属于 这 类 指令 。 从 形状 上 看 ,该 类 指令 下 端 大 多 都 能 连接 其 他 积木 块 ， 但 有 些 上 端 也 
能 连接 ， 因 此 可 以 分 为 两 类 。 


1) 上 下 


可 连接 类 


Scratch 积 木 块 大 部 分 属于 这 种 形式 ， 在 各 个 功能 模块 下 基本 都 有 ， 它们 可 以 独立 执行 一 个 
操作 ， 也 可 以 组 合 来 完成 一 系列 功能 。 在 这 类 指令 里 ， 有 3 个 特殊 指令 ， 如 图 1-61 所 示 ， 分 别 是 
“停止 全 部 ”和 “删除 本 克隆 体 ”， 它 们 的 下 端 不 可 接 其 他 积木 块 。 因 为 “重复 执 
行 ”没有 限制 次 数 ， 代 表 无 限 循环 ， 永 远 不 可 能 终止 ， 因 此 没有 机 会 执行 后 续 指 令 ;， “停止 全 
部 ”指令 是 将 程序 中 止 掉 ， 所 以 后 面 不 能 接 其 他 指令 。 


“重复 执行 ” 


2) 仅 下 


仅 下 端 可 连接 也 叫 事 件 指令 ， 该 类 指令 基本 都 存在 了 


端 可 连接 


FF “事件 ”模块 中 ， 


如 图 1-62 所 示 。 


例如 ， 当 按 下 绿 旗 时 执行 ， 或 者 按 下 空格 键 时 执行 ， 或 者 单 击 某 个 角色 时 执行 ， 或 者 当 背景 切 
换 时 执行 ， 再 例如 控制 模块 中 的 “ 当 作 为 克隆 体 启动 时 ”…… 总 之 ， 这 类 指令 代表 一 个 事件 的 


开启 。 
例如 ,日 


情 ， 只 有 按 下 了 “ 开 ” 按 键 ， 电 视 才 能 打开 。 所 以 ， 


应 的 事件 , 习 


Ne 


电视 可 以 开 、 关 ， 可 以 切换 频道 等 ， 但 如 果 不 按 下 遥控 器 的 键 ， 


8 么 指令 永远 也 没有 机 会 执行 。 


电视 不 会 做 任何 引 


“事件 ”是 引发 指令 执行 的 ， 如 果 不 触 发 相 
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pg 


图 1-61 ”3 个 特殊 指令 ” 图 1-62 事件 类 指令 


1 

1 

因此 ,编程 时 ， 指 令 都 是 写 在 某 个 事件 指令 下 方 。 当 触发 了 该 事件 时 ， 下 方 的 指令 才 会 执 | 
行 。 如 果 没 有 触发 该 事件 ， 则 下 方 的 指令 一 直 不 会 执行 。 ! 
1 

1 

; 

: 


程序 是 人 们 为 完成 特定 功能 或 解决 某 个 问题 写 好 的 一 组 指令 (命令 ) ， 按 照 这 些 指 令 计算 
机 可 以 自动 运行 ， 实 现 人 们 的 想法 ， 帮 助人 们 来 提高 工作 效率 。Scratch 作 为 一 种 图 形 化 的 编程 工 
具 ， 提 供 了 积木 块 式 的 指令 ， 将 这 些 积木 块 指令 组 合 起 来 完成 特定 功能 ， 就 是 在 编写 程序 。 

编程 就 是 用 语言 去 编写 程序 ， 主 要 分 为 高 级 语言 和 机 器 语言 。 因 为 说 到 底 计 算 机 是 电子 器 件 
的 组 合 ， 而 电子 器 件 的 状态 只 有 “ 开 ” 和 “ 关 ” 两 种 ， 分 别 用 1 和 0 来 表示 ， 所 以 ， 机 器 语言 | 9» 
是 0 和 1 的 一 串 串 组 合 ， 这 种 语言 计算 机 很 熟悉 ， 执 行 速度 也 非常 快 ， 可 惜 这 样 的 语言 人 们 不 容 ， 
易 看 懂 ， 所 以 对 我 们 来 说 需要 稍微 高 级 一 些 的 语言 。 于 是 出 现 了 汇编 语言 ， 它 比 机 器 语言 更 容 
易 理解 ， 但 是 离 人 类 的 自然 语言 还 是 有 一 些 距 离 ， 于 是 人 们 又 开发 出 了 更 高 级 的 语言 ， 像 C 语 
言 、Java 语 言 、Python 等 ， 这 些 计算 机 语言 的 语法 更 加 接近 人 类 自然 语言 ， 容 易 理解 ， 方 便 
编程 。 

高 级 语言 虽然 “高 级 ”， 使 用 广泛 ,但 是 其 语法 严谨 ， 需 要 记 住 很 多 命令 ,这 对 于 中 小 学 
生 而 言 需要 很 长 的 入 门 时 间 ， 无 法 快速 编程 实现 创意 。 于 是 ， 积 木 块 式 的 图 形 化 编程 语言 就 出 现 
了 。 昌 然 它 不 能 完成 高 级 语言 能 实现 的 所 有 功能 ， 但 却 足以 表达 想法 和 创意 ， 也 能 编写 出 很 多 歇 
辑 复杂 的 程序 。 因 此 ， 在 中 小 学 编程 入 门 阶段 ， 可 以 借助 图 形 化 编程 语言 来 提升 逻辑 思维 及 分 析 
解决 问题 的 能 力 。 


* ”软件 界面 图 中 的 “点 击 ”与 正文 中 的 “ 单 击 ” 是 相同 的 操作 ， 特 此 说 明 。 


@ 


PE 


当然 ， 有 了 图 形 化 编程 的 基 


础 ， 将 来 再 学 习 任何 一 种 计算 机 高 级 语言 时 ， 就 会 学 得 更 快 ， 


为 程序 的 核心 算法 


都 是 一 样 的 ， 只 不 过 是 用 不 同 的 语言 去 实现 而 已 。 就 像 一 段 中 文 文字 ， 若 用 英 
文 翻译 ， 则 要 遵循 英文 的 语法 习惯 ; 若 用 法 语 翻译 ， 则 要 学 习 和 遵循 法 语 的 语法 习惯 。 而 无 论 


哪 种 语言 ， 都 是 为 了 精准 地 将 原文 的 思想 和 含义 表达 出 来 。 因 此 ， 编 程 的 核心 不 是 语言 本 身 ， 
是 问题 解决 的 步骤 ， 也 叫 算法 。 


1.6 ;从 算法 到 编程 


大 家 在 写作 文 的 时 


用， 有 时 是 命题 作文 ， 有 时 是 可 选 题目 ， 有 时 是 自 拟 题目 ， 总 之 首先 


明确 题目 和 中 心思 想 ， 之 后 再 构思 ， 最 


后 围绕 中 心思 想 去 进行 开头 、 正 文 、 结 


百 行文 。 其 实 构思 的 过 程 就 是 确定 主题 和 中 心思 想 ， 


CL 


然 


路 ， 如 果 是 中 文 作文 ， 会 用 中 文 词 ; 


去 表达 。 但 不 管 


想 ”， 有 了 “思想 ”， 就 有 了 灵魂 ， 然 后 可 以 选择 不 同 的 “语言 ”去 表达 。 
其 实 ， 编 程 就 像 写 作文 ， 程 序 语 言 就 是 一 种 工具 而 已 ， 程 序 的 关键 是 “算法 ”， 即 : 解决 问 


题 的 方法 和 步骤 。 确 定 了 算法 ， 编 程 就 完成 一 大 半 ， 后 


尾 等 段落 结构 的 设计 。 行 文 时 ， 我 们 会 用 语言 去 表达 思 
[和 句子 去 表达 ; 如 果 是 英文 写作 ， 就 会 用 英文 词 ; 
哪 一 种 文字 ， 表 达 的 中 心思 想 都 是 相同 的 。 所 以 ， 一 篇 文章 的 关键 是 “ 思 


[和 句子 


无 非 是 选用 一 种 编程 语言 去 表达 和 实现 


这 个 “算法 ”。 因 此 ， 在 学 习 编 程 时 ， 语 言 或 者 指令 本 身 不 是 学 习 的 目的 ， 关 键 是 学 习 如 何 分 析 


和 设计 解决 问题 的 


为 了 提升 算法 设计 能 力 , 在 


算法 ， 只 要 对 算法 描述 清楚 、 准 确 ， 编 程 自然 就 水 到 渠 成 了 。 


后 续 每 个 项 目 开 发 中 ， 尤 其 关注 并 详细 描述 3 个 部 分 : 一 是 清 


描述 项 目 功能 ， 做 好 需求 分 析 ; 二 是 依据 角色 行为 分 析 ， 形 成 总 体 设计 图 ; 三 是 用 流程 图 对 


功能 模块 作 算法 设计 。 


下 面 对 这 3 个 方面 做 详细 描述 。 


需求 分 析 是 项 


包括 3 个 方面 : 一 是 理解 需求 ， 二 是 描述 需求 ， 三 是 分 析 需 求 。 


Ne 


点 


目 开 发 的 首要 环节 ， 其 目的 是 分 析 项 目的 功能 ， 真 正 理解 用 户 的 需求 。 该 阶段 
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如 果 一 个 项 目 是 自己 提出 来 的 ， 那 么 需求 可 能 会 很 明确 。 例 如 ， 有 的 同学 经 常 玩 《大 鱼 吃 小 
鱼 》 的 游戏 ， 对 游戏 规则 了 如 指 掌 ， 这 时 如 果 想 自己 做 一 个 类 似 游 戏 的 话 ， 就 会 非常 快 地 形成 
己 的 想法 。 如 果 一 个 项 目 是 别人 提出 来 的 ， 那 么 开发 者 就 需要 与 客户 多 次 沟通 ， 尽 量 多 地 理解 用 
户 的 需求 。 

四 描述 需求 
在 理解 了 用 户 需求 后 ， 还 需要 清楚 地 将 其 表达 出 来 ， 项 目 功 能 主要 用 文字 来 描述 。 可 以 
从 6 个 方面 描述 ， 即 时 间 、 地 点 、 人 物 、 起 因 、 经 过 、 结 果 。 我 们 在 写 文 章 时 是 不 是 也 转 
绕 这 6 个 要 素来 构思 呢 ? 这 里 以 《迷宫 寻宝 》 游 戏 为 例 ， 看 看 如 何 描述 游戏 的 功能 ， 如 
图 1-63 所 示 。 


时 间 : 任意 


人 物 :小 猫 (游客 ) 

起 因 :; 为 了 吸引 游客 ， 公 园 里 设置 了 好 几 个 关卡 的 迷宫 ， 游 客 可 以 从 入 口试 着 走 到 出 口 
沿路 可 以 收集 宝贝 ， ni De deta dhe 

经 过 : 小 猫 (游客 ) 从 起 点 开始 ， 可 以 上 、 下 、 左 、 右 4 个 方向 行走 ， 当 磁 到 墙壁 时 ， 就 
退回 起 点 或 者 停止 ， 当 碰 到 宝贝 时 ， 站 少儿 全 到 的 于 下 ， 进入 下 一 关 ; 
如 果 碰 到 障碍 物 ， 程 序 就 中 止 运行 。 

结果 : 如 果 小 猫 找到 了 宝贝 ， 就 可 以 切换 到 下 一 关卡 ， 并 显示 最 终 收集 到 的 宝贝 数量 。 


图 1-63 ”游戏 功能 描述 


把 这 些 内 容 串 起 来 看 ， 是 不 是 就 组 成 了 一 个 完整 的 故事 呢 9 所 以 ， 编程 其 实 就 是 用 计算 机 
将 这 个 故事 可 视 化 地 表达 出 来 。 接 下 来 还 需要 进一步 分 析 顶 目 要 包括 哪些 角色 ， 每 个 角色 要 完成 
哪些 行为 ， 角 色 或 行为 之 间 有 什么 样 的 逻辑 关系 ， 等 等 ， 通 过 分 析 需 求 ， 可 以 做 进一步 的 理解 和 
抽象 。 

@ 分 析 需 求 

1 ) 找 名 词 和 动词 ， 确 定 角色 和 行为 

从 功能 描述 里 找到 所 有 的 名 词 ， 如 公园 、 小 猫 、 迷 宫 、 游 客 、 入 口 、 出 口 、 宝 贝 、 起 点 、 
墙壁 、 障 得 物 、 关 卡 ; 再 找 出 所 有 的 动词 ， 如 吸引 、 设 置 、 走 到 、 收 集 、 躲 避 、 旋 转 、 间 关 、 行 
走 、 碰 到、 退回 、 停 止 、 增 加 、 找 到 、 切 换 、 显 示 。 

试 着 给 这 些 动词 从 名 词 里 找到 主语 , 例如: 小 猫 -一 行走 〈 走 到 ) 、 收 集 、 躲 避 、 间 关 、 
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基于 计算 思维 的 Scratch 项 目 式 编程 


俩 到、 退回、 找到 ， 障 碍 物 一 一 旋转 ， 这 种 有 动作 行为 的 名 词 就 可 以 确定 为 角色 。 其 他 名 词 如 公 
园 、 墙 壁 、 入 口 、 出 口 、 起 点 等 名 词 本 身 不 需要 有 专门 的 动作 ， 可 以 将 其 在 背景 图 片 中 表达 和 设 
; 还 有 一 些 名 词 ， 如 游客 ， 其 实 就 是 指 “ 小 猫 ”， 关 卡 就 是 不 同 难度 的 迷宫 图 片 。 

2 ) 找 数 据 和 关系 ， 确 定 变量 和 逻辑 

根据 功能 描述 ， 与 数据 有 关 的 是 : 几 个 关卡 、 时 不 时 、4 个 方向 、 宝 贝 数量 、 下 一 关 ， 其 
中 “宝贝 数量 ”在 游戏 中 需要 保存 ， 并 不 断 地 更 新 ， 因 此 需要 为 其 建立 变量 。 与 逻辑 有 关 的 
是 : 当 小 猫 页 到 墙壁 时 ， 就 退回 到 起 点 ; 当 碰 到 宝贝 时 ， 就 将 收集 到 的 宝贝 数量 增加 ， 切 换 到 
下 一 关 ; 如 果 碰 到 障碍 物 ， 程 序 就 中 止 运行 ; 这 些 都 是 “如 果 … 那 么 …” 的 关系 ， 也 叫 条 件 结 
构 。 再 如 障碍 物 不 断 旋转 ， 这 里 用 到 重复 ， 也 叫 循环 ， 即 反复 做 一 件 事 。 

接 下 来 我 们 对 项 目 中 的 角色 、 行 为 、 变 量 等 做 一 个 更 加 细致 的 总 结 ， 并 用 思维 导 图 表示 ， 形 
成 项 目的 总 体 设计 图 ， 也 叫 角 色 一 行为 设计 图 。 


@ 总 体 设计 的 目的 

总 体 设计 的 目的 是 基于 前 期 的 需求 分 析 ， 确 定 一 个 详细 的 项 目 结构 ， 为 后 面 的 编程 实现 提供 
设计 框架 。 

四 总体 设计 的 内 容 
主要 内 容 包括 :确定 项 目 中 包含 哪些 角色 ， 每 个 角色 负责 完成 哪些 功能 ， 
为 ;这 些 行为 之 间 有 什么 逻辑 关系 ， 角 色 之 间 是 否 有 通信 关系 ， 等 等 。 

@) 总 体 设计 的 工具 
可 以 使 用 思维 导 图 工具 来 规划 项 目 设计 图 ， 将 项 目的 内 容 表达 出 来 。 思 
维 导 图 可 以 用 笔 在 纸 上 画 出 来 ， 也 可 以 使 用 一 些 免费 软件 ， 例 如 FreeMind 或 
者 亿 图 (EDraw Max) 软件 ， 本 书 中 的 思维 导 图 都 是 用 亿 图 7.0 制 作 的 , 如 首先 器 渤 
图 1-64 所 示 为 《迷宫 寻宝 》 游 戏 的 总 体 设计 图 ， 也 叫 角 色 行为 设计 图 。 13. 绘制 角色 行为 图 
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项 目 1 _Scratch 探 寻 之 旅 


Mpeg 


关卡 1: 简单 曲线 , 默认 


关卡 2: 方形 迷宫 
关卡 3: 圆 形 迷 宫 
播放 背景 音乐 ， 也 可 以 关闭 


造型 稀 默认 ?个 
起 始 位 置 : 不 同 关卡 设置 不 同 的 位 置 
上 下 左右 四 个 方向 移动 
当 碰 到 墙壁 时 ， 就 退回 起 点 ， 有 音效 

当 碰 到 宝贝 时 ， 将 宝贝 数量 增加 ， 切 换 下 一 关 ， 有 音效 
如 果 碰 到 障碍 物 ， 程 序 就 中 止 运行 ， 有 音效 


造型 自 绘制 宝贝 
行为 ”在 起 始 位 置 上 


行为 稀 重复 旋转 , 干扰 小 猫 行 进 
变量 名 _ 侠 “宝贝 数量 


运算 全 “ 当 碰 到 宝贝 ， 将 该 变量 增加 1 
图 1-64 ”角色 行为 设计 


一 个 项 目 可 以 分 解 为 多 个 功能 模块 ， 根 据 角 色 行 为 设计 图 ， 可 以 把 每 个 角色 行为 看 作 一 个 模 
块 ， 那么 《 迷 宣 寻宝》 游戏 的 功能 模块 包括 小 猎 称 动 、 宝 贝 出 现 、 障 碍 物 旋转 ， 后 续 就 逐一 对 模 
块 进行 算法 设计 和 编程 实现 。 本 节 先 对 如 何 作 算 法 设计 做 详细 说 明 。 


算法 《Algorithm ) 是 指 对 解 题 方案 的 准确 而 完整 的 描述 ， 是 一 系列 解决 问题 的 清晰 指令 。 
在 对 某 一 个 功能 模块 编程 实现 前 ， 需 要 进行 算法 的 分 析 和 设计 ， 通 常 可 以 用 文字 或 者 流程 图 
来 描述 。 下 面 就 程序 中 的 倒计时 功能 ， 分 别 用 文字 和 流程 图 两 种 方法 来 表达 算法 ， 如 图 1-65 
所 示 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 


1) 输入 倒计时 变量 ， 初 值 为 60 

2) 当 倒计时 变量 等 于 0 的 时 候 ， 程 序 就 转向 6) ， 否 则 就 转向 3) 
3) 等 待 ] 秒 

4) 让 倒计时 变量 减少 1 

5) 转向 2) 

6) 结束 


图 1-65 算法 文字 描述 


人 用 流程 图 表达 
流程 图 是 一 种 用 程序 框 、 流 程 线 及 文字 说 明 来 表示 算法 的 图 。 构 成 流程 图 的 图 形 符号 及 其 作 
如 图 1-66 所 示 。 


图 形 名 称 作用 


开始 /结束 框 表示 一 个 算法 的 起 始 和 结束 


输入 /输出 框 表示 算法 中 输入 和 输出 的 信息 


判断 框 判断 某 一 条 件 是 否 成 立 


人 
7 
al 指令 执行 框 ”| 表示 能 够 执行 的 指令 


| | 流程 线 连接 程序 框 


图 1-66 ”流程 图 图 形 符号 及 其 作用 


倒计时 功能 对 应 的 流程 图 如 图 1-67 所 示 。 相 比 文 字 描述 ， 用 流程 图 表示 算法 是 不 是 更 直观 
一 些 呢 9 图 1-68 为 该 算法 所 对 应 的 程序 脚本 ， 可 以 看 到 ， 当 流程 图 画 好 后 ， 编 程 其 实 就 是 把 每 
一 个 步骤 转换 成 计算 机 语言 或 者 指令 。 因 此 ， 学 习 编程 的 目的 不 是 写 代码 或 指令 ， 而 是 提升 计算 
思维 能 力 。 


项 目 1 ”Scratch 探 寻 之 旅 


图 1-67 流程 图 表示 


@@ 常见 的 流程 结构 
1) 顺序 结构 
顺序 结构 在 程序 框图 中 的 体现 就 是 


来 ， 按 顺序 执行 算法 步骤 。 如 图 1-69 所 示 ，A 框 和 B 框 是 依次 执行 的 ， 只 有 在 


图 1-68 ”倒计时 程序 脚本 


用 流程 线 将 程序 框 


执行 完 A 框 指定 的 操作 后 ， 才 能 接着 执行 B 框 所 指定 的 操作 。 


2 ) 条 件 结构 


条 件 结构 是 根据 条 件 是 否 成 立 选择 不 同 流向 的 算法 结构 ,3 


自 上 而 下 地 连接 起 


图 1-69 ”顺序 结构 


要 分 为 单 分 支 结 


构 和 双 分 支 结构 两 大 类 ， 如 图 1-70 中 的 虚线 框 所 示 。 单 分 支 结构 是 指 : 当 条 件 成 立时 ， 转 向“ 是” 
分 支 ， 执行“ 语句 ”， 当 条 件 不 成 立 ， 转 向 “ 否 ”分 支 ,什么 都 不 做 。 双 分 支 结构 是 指 : 当 条 件 成 


立时 , 转向 “是 ”分 支 , 执行“ 语句 1”， 


当 条 件 不 成 立 , 转向 “ 否 ” 分 支 , 执行 “语句 2”。 


起 点 ， 或 者 无 法 前 行 ; 小 猫 是 否 寻 到 了 宝贝 ， 若 磁 到 ， 则 宝贝 数量 增加 …… 


在 编程 时 经 常 需要 做 判断 ， 如 《迷宫 寻宝 》 中 小 猫 是 否 磁 到 了 墙壁 ， 磁 到 墙壁 后 要 退回 到 


当然 ,除了 两 个 分 支 


~ 


@ 


为 


攻 


一 一 一 一 一 岂 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 人 


外 ， 还 可 以 有 更 多 的 分 支 ， 例 如 ， 判 断 得 分 等 级 的 程序 ， 如 果 分 数 大 于 85， 属 于 “优秀 ” 


分 


数 为 75 ~ 85， 属 于 “良好 ”; 如 果 分 数 为 60 ~ 74， 则 属于 “及 格 ”; 如 果 分 数 小 于 60， 则 
“不 及 格 ”…… 是 不 是 正 是 这 种 多 条 件 的 判断 才 使 得 我 们 的 程序 更 加 智能 和 有 趣味 呢 ? 
3 ) 循环 结构 
在 编程 时 ， 还 经 常 遇 到 需要 某 些 指令 反复 执行 的 情况 ， 例 如 “ 打 地 鼠 游 戏 ” 中 地 鼠 要 不 
N 


Fs J 


断 地 


移动 自己 的 位 置 ，“ 大 鱼 吃 小 鱼 游戏 ” ee i 这 些 都 要 运用 “循环 结构 ” 
现 。 循 环 是 指 从 某 处 开始 ， 按 照 一 定 的 条 件 反复 执行 某 些 步骤 。 这 里 涉及 两 个 概念 : 一 是 循 


去 实 
环 条 


件 ， 二 是 循环 体 。 如 图 1-71 所 示 ， 前 者 指 当 满足 条 件 后 就 执行 循环 体 ， 不 满足 条 件 时 就 停止 特 


环 ; 后 者 指 先 执行 循环 体 ， 不 满足 条 件 时 就 一 直 循环 ， 直 到 满足 了 条 件 ， 循 环 才 终止 ， 继 续 


循环 体 语句 


图 1-71 循环 结构 


本 章 介 绍 了 Scratch 软 件 的 下 载 和 安装 方法 ， 如 何 向 Scratch 中 添加 素材 ，Scratch 中 舞 
标 、 角 色 方 向 和 造型 中 心 点 的 约定 ， 以 及 Scratch 中 各 类 指令 功能 ， 然 后 以 《迷宫 寻宝 》 为 
介绍 了 项 目 分 析 、 总 体 设计 和 算法 设计 的 过 程 。 

总 乙 ， 项 目 开发 其 买 是 一 个 问题 解决 的 过 程 ， 这 个 过 程 需要 经 过 大 量 的 分 析 和 思考 ， 比 


向 下 


台 坐 
例 ， 


如 : 


号 


分 析 以 及 对 项 目 做 总 体 设计 和 详细 的 算法 设计 。 如 果 我 们 能 把 这 些 工作 做 好 ， 其 实 项 目 


Si 


开发 


项 目 1 ”Scratch 探 寻 之 旅 


就 已 经 成 功 了 一 大 半 ， 后 期 的 


编程 过 程 就 会 很 轻松 。 可 能 有 的 同学 会 问 : 这 么 简单 的 功能 其 习 


想 就 明白 了 ， 有 必要 写 出 来 


分 析 吗 9 是 的 ， 因 为 现在 我 们 做 的 是 简单 的 项 目 ， 功 能 模块 很 


少 ， 功 能 逻辑 也 比较 简单 ， 但 以 后 的 作品 功能 会 越 来 越 复杂 ， 如 果 没 有 系统 的 思维 方法 ， 编 程 过 


程 往往 会 事倍功半 。 
所 以 ， 从 开始 学 编程 我 们 
我 们 刚 写 完 又 忽然 想到 了 新 的 


就 要 养 成 好 的 习惯 。 当 然 ， 分 析 和 设计 不 是 做 一 次 就 可 以 了 ， 可 能 
点 子 ， 没 关系 ， 添 加 上 即 可 ， 哪 怕 在 编程 时 临时 想到 的 ， 都 可 以 随 


时 写 出 来 。 在 后 面 的 项 目 开 发 过 程 中 ， 我 们 会 不 断 地 强化 这 种 能 力 ， 相 信 你 在 分 析 和 设计 方面 都 


会 有 很 大 的 提升 ! 


bs 


sh 


上 

《GD 迷宫 的 种 类 
! 迷宫 是 指 充满 复杂 通道 ， 人 进去 不 容易 出 来 的 建筑 物 ， 一 般 分 为 单 迷宫 和 复 迷 宫 两 大 类 。 

! 。 。 单 迷宫 是 只 有 一 种 走 法 的 迷宫 。 据 说 ， 在 单 迷宫 里 ， 只 要 沿 着 某 一 面 墙壁 走 ， 且 走 的 时 
候 ， 左 〈 右 ) 手 一 直 摸 着 左 〈 右 ) 边 的 墙壁 ， 玩 家 一 定 会 走出 迷宫 。 当 然 这 种 方法 可 能 费时 最 
! 长 ， 也 可 能 会 使 你 走 遍 迷 宫 的 每 一 个 角 洛 和 每 一 条 死路 ， 但 绝 不 会 永远 困 在 里 面 。 复 迷宫 是 有 多 
， 种 走 法 的 迷宫 ， 所 以 更 复杂 ， 经 常 走 着 走 着 就 又 回 到 了 原点 ， 使 得 玩家 在 里 面 不 断 地 锦 圈 子 。 
!  @ 著名 的 迷宫 

| 古 以 来 ， 迷 宫 就 是 人 们 喜欢 挑战 的 项 目 。 世 界 上 很 多 国家 都 修筑 了 着 名 的 迷宫 建筑 或 者 树 
上 

上 

上 

上 

上 


肝 


篇 迷宫 ， 这 些 迷 宫 每 天 都 吸引 着 成 干 上 万 的 游客 。 图 2-1 是 英国 最 古老 的 树 篇 迷宫 ， 据 说 该 迷宫 
于 1689 年 ， 许 多 小 说 和 诗歌 都 描写 过 它 。 


bai 
呈 
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图 2-1 树 篇 迷宫 (图 片 来 自 网 络 ) 


我 国 古 代 有 著名 的 作战 用 迷宫 ， 叫 八卦 阵 迷 宫 。 在 现今 的 河南 安阳 姜 《yu ) 里 城 里 ， 就 有 
座 八 卦 迷宫 阵 ， 包 括 群 英 阵 、 连 环 阵 、 诱 敌阵 等 8 个 阵势 。 游 客 从 离 位 〈 正 南方 〉 左 拐 入 阵 ， 穿 过 


Se 


绝顶 陪 明 的 高 手 才能 走出 来 。 由 于 : 
所 以 会 看 到 几 处 在 墙壁 边缘 留 


8 个 阵势 后 ， 再 从 离 位 〈 正 南方 〉 出 来 ， 就 算 胜 利 ， 据 说 只 
客 在 迷 官 里 很 久 都 无 法 走出 ， 甚 至 一 直 在 完 圈子 ， 越 走 越 着 急 ， 


的 小 洞 ， 游人 在 放弃 挑战 迷宫 时 可 以 钼 出 来 。 如 图 2-2 所 示 ， 
景 图 和 平面 图 。 


图 2-2 ”八卦 阵 迷 宫 


图 片 是 来 自 网 络 的 美 


城 八卦 阵 的 


除了 现实 中 的 迷宫 外 ， 虚 拟 的 迷宫 类 游戏 也 有 很 多 ， 它 们 可 以 在 计算 机 、 手 机 、iPad 上 运 
行 ， 下 面 我 们 就 用 Scratch 来 设计 一 款 《 迷 宫 寻 宝 》 游 戏 ! 


个 软件 项 目 或 作品 不 是 凭空 
人 


[发 出 来 的 ， 它 一 定 是 源 于 实际 需求 的 。 例 如 ， 和 餐厅 想 做 一 款 


用 户 点 餐 软 件 ， 会 针对 软件 的 功能 向 开发 者 提出 要 求 ; 或 者 自己 想 开 发 一 款 娱乐 性 的 小 游戏 ， 那 
么 会 设计 出 很 多 规则 …… 作 为 一 个 软件 开发 者 ， 首 先 要 明确 到 底 要 做 什么 ， 因 此 需要 学 习 如 何 描 
述 和 分 析 项 目 功能 。 

在 项 目 1 的 1.6 节 ， 我 们 以 《迷宫 寻宝 》 游 戏 为 例 ， 介 绍 了 如 何 对 游戏 进行 分 析 和 设计 ， 包 括 
如 何 进行 功能 描述 、 词 性 分 析 ， 进 而 确定 游戏 中 需要 哪些 角色 、 每 个 角色 大 致 包含 哪些 行为 、 程 
序 之 间 的 逻辑 关系 等 。 基 于 这 些 ， 最 终 建 立 了 角色 行为 设计 图 ， 即 项 目的 总 体 设计 图 ， 该 图 是 后 
期 编程 实现 的 重要 依据 。 有 关 分 析 和 设计 的 过 程 可 以 查阅 1.6 节 内 容 ， 这 里 只 把 项 目的 总 体 设计 
图 展示 出 来 。 
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基于 计算 思维 的 Scratch 项 目 


式 编程 


利用 思维 导 图 工具 可 以 在 纸 上 或 计算 机 上 画 出 角色 -行为 设计 图 。 该 设计 需要 有 一 个 主题 ， 


并 包括 如 下 几 个 方面 : 


背景 、 角 色 、 变 量 ， 每 个 部 分 可 以 逐 级 具体 细 化 。 


《迷宫 寻宝 》 游 戏 角色 行为 设计 如 图 2-3 所 示 ， 该 图 可 以 帮助 我 们 分 解 项 目 模块 ， 大致 


理 顺 思路 ， 是 后 期 编程 的 参考 ， 但 不 是 固定 不 变 的 ， 随 着 后 续 对 项 目 理解 的 深入 ， 也 可 以 对 


其 补充 修改 与 完善 。 


根据 这 张 角 色 行为 


关卡 1: 简单 曲线 ， 默 认 
关卡 2: 方形 迷宫 
关卡 3: 圆 形 迷 官 
播放 背景 音乐 ， 也 可 以 关闭 

造型 人 @ 默认 2 个 
起 始 位 置 ， 不 同 关卡 设置 不 同 的 位 置 
上 下 左右 四 个 方向 移动 
当 碰 到 墙壁 时 ， 就 退回 起 点 ， 有 音效 
当 碰 到 宝贝 时 ， 将 宝贝 数量 增加 ， 切 换 下 一 关 ， 有 音效 
如 要 碰 到 障碍 物 ， 程 序 就 终止 运行 ， 有 音效 


行为 @ 在 起 始 位 置 上 
造型 日 木 棒 


行为 @ 重复 旋转 , 干扰 小 猫 行进 


变量 名 @ 宝贝 数量 
运算 全 当 碰 到 宝贝 ， 将 该 变量 增加 1 


图 2-3 角色 行为 设计 


图 ， 我 们 可 以 预 佑 一 下 哪些 功能 用 现 有 的 知识 可 以 完成 ， 哪 些 功能 还 无 法 


实现 。 因 为 这 是 我 们 真正 开始 的 第 一 个 游戏 ， 知 识 积累 很 少 ， 所 以 很 多 都 是 新 知识 。 随 着 知识 积 


累 的 增多 ， 后 面 的 项 目 


a 


就 可 以 有 重点 地 提出 问题 和 难点 。 好 吧 ， 带 着 这 些 问题 ， 我 们 就 可 以 开局 


使 用 绘图 编辑 器 的 各 种 


总 ， 设 计 自己 的 迷宫 哟 ! 如 图 2-4 所 示 。 


时 
| 已 


根据 总 体 设计 图 ， 小 猫 、 声 音 开 
石和 GAMEOVER《〈 游 戏 结束 ) 文本 的 绘制 方法 。 最 终 的 角色 列表 如 


@ 绘制 宝石 


宝石 角色 是 由 6 个 三 角形 组 成 的 ， 


形 ， 然 后 再 用 “复制 ” 


成 为 一 个 宝石 造型 。 


© 给 制 SAMEOVER 角 色 


工具 复制 出 51 


当 游 戏 结束 时 ， 通 常 出 现 提示 信息 。 其 绘制 方式 有 
可 以 设置 字体 ， 也 可 以 对 其 缩放 改变 大 省 


工具 , 输入 GAMEOVER 


文本 效果 ， 可 以 使 用 角色 


内 的 英文 字 


个 字母 的 颜色 、 大 小 


网 册 


， 最 终 组 合作 为 


可 以 绘制 迷宫 背景 。 


图片 可 以 作为 参考 ， 也 可 以 发 挥 创 


关 、 路 障 可 以 从 角 


图 编辑 器 的 “矢量 模式 ”下 ， 
以 为 不 同 三 角形 填充 不 同 


的 颜色 ， 最 终 将 其 旋转 组 


绘图 编辑 器 中 的 “文本 ” 
\e。 如果 要 追求 更 立体 化 的 
绘图 编辑 器 中 ， 可 以 改变 每 


和 天 


一 一 一 一 一 一 局 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 人 


基于 计算 思维 的 Scratch 项 目 式 编程 


具体 操作 方法 是 : 先 将 第 一 个 字母 G 添 加 为 一 个 角色 ， 再 单 击 该 角色 ， 显 示 其 造型 列表 ， 使 
绘图 编辑 器 上 方 的 “添加 ”按钮 ， 依 次 从 角色 库 中 添加 其 他 的 字母 ， 按 照 自己 喜欢 的 方式 组 合 
成 为 一 个 角色 。 


@ 为 背景 添加 声音 
根据 总 体 设 计 图 ， 当 游戏 开始 时 ， 响 起 背景 音乐 。 因 此 ， 需 要 从 声音 库 里 选取 一 自 
乐 ， 将 其 添加 到 舞台 背景 的 “声音 ”里 面 ， 等 待 编程 时 使 用 。 
人 @ 为 小 猫 添加 声音 
根据 总 体 设计 图 ， 小 猫 础 到 墙壁 、 宝 石和 障碍 物 时 ， 会 发 出 不 同 的 音效 。 因 此 ， 在 小 半角 色 
的 “声音 ”里 ， 添 加 3 个 相应 的 音效 文件 ， 并 将 其 名 称 修改 为 “ 础 到 墙壁 ”“ 础 到 宝石 ”“ 础 到 
障碍 物 ”， 如 图 2-6 所 示 。 
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图 2-5 角色 列表 图 2-6 添加 声音 


和 


(《@D) 背景 切换 
单 击 舞台 背景 ， 从 “事件 ”模块 中 拖 出 “ 当 绿 旗 单 击 ”指令 ， 
单 击 “ 外 观 ”模块 ， 找 到 “将 背景 切换 为 关卡 1”; 同时 ， 找 到 


2-7 所 示 。 


“ 播 
放声 音 ” 指 令 ， 让 程序 开始 时 就 播放 音乐 。 编 程 区 的 程序 脚本 如 图 


再 


将 背景 切换 为 关卡 1 


播放 声音 dance around 


图 2-7 ”切换 背景 


运行 测试 : 选中 舞台 背景 ， 在 其 背景 图 片 列 表 区 中 先 将 背景 图 


@ 播放 和 关闭 音乐 


加 类 似 按 钮 的 角色 。 例 如 ， 添 加 一 个 角色 ， 名 称 为 “声音 开关 ”， 
当 单 击 该 角色 时 《事件 模块 中 ) ， 可 以 停 播 所 有 声音 《声音 
块 )。 脚 本 如 图 2-8 所 示 。 测 试 一 下 , 成功 了 吗 ? 


lS 


1 切换 到 其 他 关卡 图 片 ， 然 后 单 
击 绿 旗 ， 观 察 此 时 背景 是 否 切 换 到 了 关卡 1， 并 且 音 乐 响起 9 如 果 是 ， 则 说 明 这 段 程序 是 正确 的 。 


当 单 击 绿 旗 时 ， 音 乐 响起 ， 播 放 一 次 。 如 果 用 户 希 望 能 够 控制 音乐 响起 和 关闭 的 话 ， 可 以 添 


停 播 所 有 声音 


图 2-8 单 击 角 色 ， 停 播 声音 


刚刚 实现 的 是 单 击 按钮 ， 让 声音 关闭 。 但 如 果 再 单 击 一 下 ， 音 乐 是 否 会 又 响起 呢 9? 目前 的 程 
序 显 然 不 行 ， 在 项 目 3 的 3.4.5 中 介绍 了 其 实现 方法 ， 感 兴趣 的 读者 可 以 查看 。 现 在 我 们 赶紧 让 小 


猫 走 起 来 吧 ! 


在 游戏 开始 后 ,小 猫 每 进入 一 个 关卡 ， 都 有 自己 的 初始 位 置 ， 
控制 下 移动 。 
人 位 置 初始 化 


下 在 上 下 左右 4 个 方向 键 的 


给 角色 定位 ， 使 用 的 指令 是 动作 模块 下 的 “移动 到 x 和 y”。 该 游戏 中 设置 了 3 张 迷宫 背景 ， 


从 背景 图 片 特点 看 ,小 猫 在 不 同 背景 上 其 初始 位 置 有 所 不 同 ， 因 此 ， 要 分 情况 考虑 。 方 法 是 : 打 


RE We 


@ 


基于 计算 思维 的 Scratch 项 目 式 编程 


个 背景 图 片 


当 背景 切换 到 关上 1 


3 193113 


当 背 景 切换 到 关卡 2 


$a| x: 155 读 取 到 的 ， 直 接 使 用 即 可 。 按 照 同 样 方法 ， 可 以 确定 另外 两 个 关卡 


中 小 猫 的 初始 位 置 ， 最 终 的 脚本 如 
$al x: ED ”ED 脚本 ,无 论 游戏 中 小 猫 移 动 到 何 处 
图 2-9 不 同 关卡 不 同 初始 位 置 、 科 地 回 到 其 对 应 的 初始 位 置 上。 
同 理 ， 宝 石和 路 障 在 不 同 的 关卡 也 会 有 不 同 的 初始 位 置 ， 按 
背景 上 设 定好 位 置 。 
@ 上 下 左右 移动 


图 2-9 所 示 。 有 了 位 置 初始 化 的 
， 只 要 背景 切换 了 ， 小 猫 就 会 于 


很 同样 的 方法 ， 为 两 者 在 不 同 的 


在 图 1-40 中 ， 通 过 改变 坐标 值 可 以 让 角色 上 下 左右 移动 。 除 此 之 外 ， 还 有 第 二 种 方法 ， 就 


是 结合 面向 方向 和 移动 步 数 两 条 指令 ， 如 图 2-10 所 示 。 测 试 一 下 ， 绿 旗 单 击 后 ， 按 下 4 个 方向 键 


后 ， 小 猫 有 没有 听话 地 向 各 个 方向 走 起 来 呢 ? 


图 2-10 小 猫 上 下 左右 移动 


小 猫 在 迷宫 中 行走 时 ， 可 能 会 磁 到 墙壁 或 者 障碍 物 ， 这 时 小 猎 会 有 何 反应 呢 ? 下 面 会 逐一 分 


析 和 实现 。 
@ 硕 到 墙壁 


按照 总 体 设计 图 ， 当 小 猫 磅 到 墙壁 时 ， 要 回 到 起 始 位 置 ， 并 伴随 音效 。 这 里 的 墙壁 可 以 用 颜 


， 先 用 鼠标 将 小 猫 拖 动 到 舞台 的 合适 位 置 上 ， 然 后 
到 “动作 模块 ”里 ,将 “移动 到 x 和 y” 指 令 拖 出 来 ， 该 指令 上 的 x 
坐标 和 y 坐 标的 值 就 是 小 猫 此 时 在 舞台 上 的 位 置 ， 该 值 是 系统 自动 


色 来 代表 ， 因 此 判断 时 用 “ 侦 测 ”模块 里 的 “ 碰 到 颜 
色 ”， 这 条 指令 块 是 菱形 ， 本 身 是 一 个 逻辑 数据 ， 其 
值 有 两 个 : 真 或 假 ， 即 础 到 了 指定 的 颜色 其 值 为 真 ， 


? 那 : 


没有 磁 到 指定 颜色 其 信 为 假 。 所 以 , 议 指 放下 了 用 二 X E222= 


磁 到 境 壁 


1 
“控制 ”模块 下 的 “如 果 …… 那 么 …… ”指令 里 。 如 | 
图 2-11 所 示 ， 列 出 的 是 上 移 键 和 下 移 键 中 的 指令 。 图 2-11 小 将 辜 到 颜色 退回 起点 ! 
以 “上 移 健 按 下 ”事件 为 网 ， 每 按 一 次 上 移 条 小 疾 会 向 上 移动 10 步 ， 之 后 会 执行 一次 判 煌 是 否 | 
础 到 指定 颜色 ， 如 果 碰 到 了 ， 那 么 就 退回 到 起 点 ， 并 播放 “ 础 到 墙壁 ”音效 ; 如 果 没 有 础 到 ， 那 | 

1 
1 
1 
: 
! 


么 什么 都 不 用 做 。 同 理 ， 可 以 把 这 个 判断 颜色 的 指令 块 复制 到 左 移 键 和 右 移 键 按 下 的 事件 中 。 


注 改变 磁 到 颜色 的 方法 是 : 单 击 “ 磁 到 颜色 ”后 面 的 颜色 块 后 ， 上 鼠标 指针 改 成 了 小 手 形状 ， 此 时 | 
区 把 小 手 移动 到 相应 的 颜色 上 ， 单 击 ， 取 色 完 成 。 | 


@) 而 到 宝石 

根据 总 体 设计 图 ， 当 础 到 宝石 时 ， 切 换 到 下 一 关卡 ， 并 且 让 宝石 数量 增加 。 
这 里 需要 使 用 “变量 ”。 

1) 变量 的 作用 和 

变量 用 来 存储 数据 ， 几 乎 在 所 有 的 程序 中 都 会 用 到 ， 像 “得 分 ”“ 倒 计 2. 友 到 宇 
时 ”“ 生 命 值 ”等 等 ， 它 们 在 程序 中 都 需要 存储 ， 并 参与 运算 。 

2 ) 变量 命名 

在 程序 中 ， 每 个 变量 都 有 自己 唯一 的 名 字 ， 所 以 起 名 时 不 要 重复 。 命 名 时 ， 首 先 要 “ 见 名 
知 意 ”， 即 根据 变量 的 名 称 就 大 概 能 知道 变量 的 作用 ， 这 样 可 以 增加 程序 的 可 读 性 ， 假 如 别人 来 
读 我 们 的 程序 或 者 很 长 时 间 后 我 们 再 来 读 自己 的 程序 时 ， 就 很 容易 知道 该 变量 的 含义 。 另 外 ， 变 
量 名 中 可 以 含有 字母 、 数 字 等 ， 但 不 能 以 数字 开头 ， 如 : 4score， 这 个 名 称 就 是 不 规范 的 。 但 
score4 这 个 名 称 是 可 以 的 ， 因 为 数字 4 没有 作为 开头 。 当 然 ， 除 了 变量 命名 外 ， 为 角色 、 造 型 、 
背景 以 及 后 面 要 学 习 到 的 过 程 命名 等 ， 基 本 都 遵循 这 样 的 规范 。 

3) 变量 的 作用 范围 

变量 的 作用 范围 有 “全 局 ”和 “局 部 ”两 种 ， 前 者 指 该 变量 可 以 被 程序 中 的 所 有 角色 使 用 ， 
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后 者 则 只 属于 某 个 角 
的 角度 考虑 的 。 


色 。 为 什么 要 有 全 局 变量 或 者 局 部 变量 之 分 呢 9? 其 实 主要 是 从 节省 内 存 空间 


“内 存 容量 ”是 计算 机 很 重要 的 一 个 性 能 指标 ， 就 像 手机 内 存 一 样 ， 内 存 容量 大 ， 代 表 程 


序 可 以 运行 的 空间 就 大 。 同 样 一 个 赛车 游戏 ， 如 果 机 器 内 存 容 量 大 ， 那 么 运行 起 来 的 速度 就 会 


就 全 局 变量 和 局 剖 


很 快 。 所以， 一 个 好 的 程序 ， 不 仪 要 能 实现 功能 ， 而 且 占 用 尽量 少 的 空间 。 
变量 的 存储 特点 来 说 ， 前 者 保存 在 全 局 存储 区 中 ， 也 就 是 永久 性 的 存储 单 


， 只 要 程序 在 运行 ， 这 个 存储 空间 就 一 直 被 占用 ; 而 局 部 变量 保存 在 临时 存储 区 中 ， 只 要 其 所 


局 部 变量 就 会 释放 内 存 ， 即 : 用 时 占 内 存 ， 不 用 时 释放 内 存 。 所 以 


说 ， 在 建立 变量 时 ， 


元 
属 角 色 的 脚本 执行 完了 ， 那 么 
说 
识 


如 果 该 变量 只 属于 某 个 角色 独 有 的 话 ， 就 不 必定 义 为 全 局 变量 。 编 程 时 有 意 


地 考虑 到 内 存 空间 


选中 小 猫 角 色 ， 
用 为 “ 仅 适 用 当前 角 


色 ” 即 可 ， 如 图 2-12 所 示 。 
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图 2-12 ”新 建 变量 


全 础 到 障碍 物 
当 小 猫 磁 到 障碍 


以 发 送 消息 给 对 方 ， 


问题 ， 可 以 使 程序 更 加 的 专业 和 优化 。 
4) 建立 宝石 变量 
找到 “数据 ”模块 ， 单 击 “ 建 立 一 个 变量 ”， 名 称 为 “宝石 数量 ”， 作 用 范 


因 该 游戏 一 共有 3 个 关卡 ，“ 宝 石 数量 ”累积 计 


分 ， 所 以 ，“ 当 背景 切换 到 关卡 ”后 ， 要 将 该 变量 设 定 为 0， 当 税 到 宝石 时 ， 增 加 1， 图 2-13 列 
出 的 是 判断 宝石 数量 增加 的 指令 ， 将 其 分 别 放 到 4 个 方向 键 的 按 下 事件 里 。 


图 2-13” 磁 到 宝石 变量 增加 


物 时 ,播放 音效 ， 并 且 让 gameover 角 色 出 现 ， 之 后 程序 终止 。 这 里 涉及 3 个 


角色 : 小 猎 、 障 碍 物 、gameover。Scratch 约 定 ， 


个 角色 是 不 能 直接 控制 另 一 个 角色 的 ,但 可 


对 方 收 到 消息 后 ， 执 行 相应 动作 ， 就 像 朋友 之 间 拨 打 电 话 和 接听 电话 一 样 。 


在 “事件 ”模块 里 有 “广播 消息 ” “广播 消息 并 等 待 * 


令 ， 对 应 的 含义 如 下 : 
1) 广播 消息 /接收 消息 


广播 消息 首先 需要 建立 一 个 消息 名 称 ， 如 “显示 gameover” 


猫 发 完 广播 后 ， 会 继续 执行 自己 的 后 续 指 令 ， 如 “隐藏 ”指令 将 


图 2-14 显 示 的 是 流程 图 及 对 应 的 指令 。 
2 ) 广播 消息 并 等 待 


否 隐藏 起 来 呢 ? 为 什么 呢 9 可 以 测试 一 下 程序 。 


小 猫 角色 : gameover 角 色 : 


“广播 且 等 待 ” 的 含义 是 : 小 猫 发 送 完 广播 后 暂停 ， 
“显示 ”指令 、“ 停 止 全 部 ”指令 ,执行 完毕 后 ， 


“接收 消息 ”3 条 指 


， 当 小 猫 广 ”3. 小 猫 磁 到 障碍 物 
播 了 这 条 消息 后 ， 若 角色 gameover 接 收 到 了 该 消息 ， 就 会 执行 “显示 ”指令 ， 让 自身 出 现 。 小 


等 待 角色 gameover 接 收 广播 


身 隐 藏 起 来 ， 并 且 停 止 全 部 。 


后 , 将 


小 猫 才能 继续 执行 自己 的 后 续 指令 。 试 想 
下 ， 如 果 把 小 猫 角色 里 的 “广播 消息 ”指令 换 成 “广播 消息 并 等 待 ”后 ， 运 行程 序 ， 观 察 小 猫 能 


图 2-14 广播 指令 


口 


到 《迷宫 寻宝 》 游 戏 中 ， 只 需要 为 广播 消息 加 上 条 件 判断 即 可 。 程 序 脚本 如 图 2-15 所 示 。 


图 2-15 小 锤 发 送 广播 ，gameover 接 收 广播 


测试 一 下 程序 ， 观 察 程序 运行 情况 ， 怎 么 样 ， 


是 不 是 感觉 


己 又 厉害 了 呢 ! 加 油 ! 


© 


Se 


Pr 
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基于 计算 思维 的 Scratch 项 目 式 编程 


@ 程序 优化 

程序 脚本 虽然 写 完 了 ， 但 发 现 有 很 多 指令 是 重复 的 ， 例 如 ， 判 断 磁 到 颜色 、 
碰 到 宝石 、 磁 到 障碍 物 等 。 为 优化 程序 ， 可 以 建立 过 程 〈 或 函数 ) ， 将 一 段 脚本 
组 成 一 个 模块 ， 需 要 时 调用 即 可 。 如 图 2-16 所 示 ， 在 脚本 区 的 “更 多 积木 ”找到 
“制作 新 的 积木 ”， 输 入 名 称 就 建立 了 一 个 过 程 ， 过 程 名 是 “各 种 判断 ”。 展 开 “ 选 项 ”， 还 可 
以 设置 是 否 为 过 程 添加 参数 ， 例 如 ， 判 断 给 定 的 分 数 是 优秀 、 良 好 还 是 及 格 ， 可 以 编写 一 个 过 程 
来 完成 ， 此 时 可 以 传递 一 个 数字 参数 “分 数 ”， 来 判断 给 定 分 数 属于 哪 一 个 等 级 。 优 化 后 的 脚本 
如 图 2-17 所 示 ， 运 行 一 下 程序 ， 是 不 是 程序 依然 能 正常 运行 呢 ?9 

很 明显 ， 此 时 的 程序 脚本 更 简洁 了 。 


| 修改 积木 
添加 扩展 
添加 一 个 数字 参数 : 
新 建 积木 添 h0 一 个 字符 中 参数 : 
添加 一 个 布尔 参数 : 
一 添加 文本 标签 
”选项 局 运行 时 不 刷新 屏幕 


[Laz] Ea 确定 | | 职 汕 


Np 


当 背景 切 换 到 不 同 关卡 时 ， 障 碍 物 在 初始 位 置 


需要 时 ， 调 


始 重 复 旋转 。 可 以 建立 “旋转 ”过 程 ， 在 


图 2-18 ”障碍 物 旋转 


241 程序 调试 


@ 程序 出 错 是 常态 


在 编写 程序 时 ， 再 短 的 程序 也 很 难 确保 一 次 成 功 ，“ 出 错 ” 是 编程 的 常 


态 。 甚 至 说 程序 4 
缺 ， 是 某 个 指令 使 用 不 对 ， 即 语法 错 
态 上 首 


行 到 


b 错 是 好 事 ， 因 为 出 错 了 ， 我 们 才能 发 现 自己 到 底 哪里 有 欠 


@ 调试 技巧 


误 ， 还 是 整个 逻辑 上 的 错误 。 所 以 ， 在 心 
先 要 正视 程序 中 的 错误 ， 并 能 耐心 、 积 极 主动 地 去 想 办 法 解决 。 


即 可 ， 如 图 2-18 所 示 。 如 果 希 望 旋 转 得 慢 一 些 ， 可 以 修改 等 待 时 间或 旋转 角 


o 


b 处 时 ， 可 以 把 运行 的 中 


高 级 语言 编程 一 般 都 会 有 专门 的 调试 器 ， 当 某 段 程序 出 错时 ， 可 以 在 该 处 设 
间 结 果 显 示 出 来 ， 帮 助 我 们 查 错 问题 。Scratch 没 有 调试 器 


断 点 ， 程 序 运 


= 


1) 回 湖 调 试 
品 溯 ”类 似 于 


5， 当 程序 出 现 错误 时 ， 我 们 需要 学 着 如 何 从 问题 出 发 ， 一 步 步 回溯 ， 直 到 找到 原 


“ 倒 推 ”， 指 从 当 育 


和 解决 办 法 。 


出 错位 置 往 回去 找 原 因 。 例 如 ， 在 《迷宫 寻宝 》 游 戏 
 ， 发 现 小 狂 磁 到 障碍 物 时 程序 不 终止 ， 对 此 该 如 何 分 析 呢 9 如 图 2-19 所 示 ， 程 序 不 终止 ， 说 


下 次 


BEEPPPPPPPEO EE 


@ 


基于 计算 思维 的 Scratch 项 目 式 编程 


指令 ， 本 身 没有 问题 ， 那 就 可 能 是 


消息 呢 ? 检查 发 送 广播 的 脚本 ， 是 不 是 发 送 广播 出 现 了 问题 呢 ? 要 想 发 送 广播 ， 必 须 满足 条 件 ， 


没有 接收 到 这 个 消息 ， 继 续 回 湖 分 析 : 为 什么 没有 接收 到 这 个 


即 : 小 猫 磁 到 了 障碍 物 。 而 实际 测 


试 时 ， 确 实 是 页 到 了 障碍 物 。 那 最 后 再 看 ， 整 个 脚本 是 写成 了 


个 过 程 ， 是 不 是 过 程 没有 被 调用 呢 ? 因 此， 观察 4 个 方向 键 的 脚本 ， 果 然 ， 当 按 下 下 移 键 ,根本 
就 没有 调用 “各 种 判断 ”过 程 ， 所 以 ， 过 程 里 的 指令 就 没有 机 会 执行 。 


2 ) 小 段 调试 
编程 是 一 个 慢 功 夫 ， 通 常 编写 


样 ， 如 果 不 一 样 要 赶紧 查找 问题 。 等 到 这 一 小 段 没 有 问题 后 ， 接 着 再 编程 再 调试 。 一 定 不 要 洋洋 


当 扩 收 到 吕 示 失败 


图 2-19 程序 调试 的 分 析 方 法 


完 一 小 段 程序 后 ， 就 需要 运行 程序 ， 观 察 结果 和 预想 的 是 否 一 


酒 酒 地 写 了 很 多 条 代码 后 再 调试 ， 


总 


为 代码 越 多 ， 出 现 错误 的 概率 就 越 大 ， 查 找 问题 的 困难 也 越 


大 。 与 其 这 样 ， 不 如 编写 一 小 段 程序 后 ， 就 来 调试 ， 那 样 的 话 ， 当 出 现 问 题 时 ， 针 对 性 更 强 , 便 


于 快速 找到 问题 。 


向 键 进行 相应 的 移动 ;如果 可 以 ， 


到 障碍 物 的 脚本 ， 然 后 继续 测试 … 


例如 ， 小 猫 寻 宝 游戏 中 ， 当 写 完 4 个 方向 键 移动 的 脚本 时 ， 就 来 测试 一 下 小 \ 猫 是 否 能 跟随 方 


继续 看 ， 当 丽 到 墙壁 时 ， 是 否 可 以 退回 到 起 点 。 如 果 不 能 退 


可 ， 那 么 是 不 是 “ 磁 到 颜色 ”指令 里 的 “颜色 ”选取 有 问题 呢 ? 如 果 这 个 功能 实现 了 ， 再 编写 磁 


I 


图 2-20 ”角色 播放 时 可 拖 负 


其 实在 这 个 游戏 中 ， 还 有 个 调试 技巧 ， 例 如 ， 如 果 你 想 
调试 第 3 关 的 情况 ， 是 不 是 要 等 玩 过 前 两 关 才 可 以 呢 9 显然 这 
样 会 耽误 时 间 。 这 里 可 以 设置 角色 为 “播放 时 可 拖 抱 ”， 这 样 
在 大 屏幕 播放 模式 下 ， 就 可 以 把 小 猫 拖 到 宝石 附近 ,快速 地 观 
察 结果 ， 如 图 2-20 所 示 。 


明 “ 当 接收 显示 失败 消息 ”脚本 出 现 了 问题 ， 观 察 这 段 程序 本 身 ， 就 是 “显示 和 停止 全 部 ”2 条 


Np 


3) 同伴 试 玩 

除了 程序 语法 和 光 辑 错误 之 外 ， 程 序 中 可 能 还 会 出 现 很 
多 其 他 的 问题 。 例 如 ， 在 第 二 关中 ,小 猎 明 明 磁 到 了 宝石 ， 
为 什么 回 到 了 初始 位 置 呢 9 如 图 2-21 所 示 ， 显 然 ， 绘 制 宝 
石 时 ， 最 下 面 三 角形 的 颜色 和 墙壁 的 颜色 础 巧 设置 成 了 一 图 2_21 几 个 出 错 的 地 广 
样 的， 所 以 小 猫 在 础 到 了 宝石 时 系统 却 判 断 为 础 到 了 墙壁 。 又 比如 ， 不 同 关卡 路 面 的 宽度 不 


同 ， 
所 以 小 \ 猫 的 大 小 /以 及 移动 的 步 数 等 可 能 还 需要 做 一 些 调整 ， 磺 到 宝石 时 ， 背 景 要 切换 到 下 一 个 背 
景 …… 类 似 的 问题 其 实 还 有 很 多 。 


此 ， 当 自己 把 程序 差不多 调试 好 后 ， 尽 量 能 分 享 给 同学 ， 让 大 家 试 玩 ， 有 些 问 题 自己 


避 | 
pn 
GG 


没 发 现 ， 但 是 别人 玩 的 时 候 很 容易 就 发 现 了 ， 注 意 收集 别人 的 建议 和 反馈 ， 然 后 再 对 程序 做 


我 们 可 以 在 Scratch 官 网 注册 用 户 名 和 密码 ， 登 录 后 ， 可 以 上 传 自己 的 作 


品 ， 官 网 社区 里 有 全 世界 的 Scratch 编 程 爱好 者 ， 大 家 可 以 互相 欣赏 和 完善 作 和 
品 ， 并 提出 修改 建议 ， 是 个 非常 好 的 分 享 社区 。 6. 分 享 程序 至 官网 
@ 注册 方法 


在 浏览 器 地 址 栏 里 输入 https://scratch.mit.edu， 在 首页 顶部 右 侧 有 Join Scratch( 注 册 


Ss Sign in《 登 录 ) 按钮 ， 如 图 2-22 所 示 。 单 击 注册 按钮 
Join Scratch Sign in 
出 现 输入 用 户 名 和 密码 的 对 话 框 ， 跟 随 提示 操作 即 可 。 
图 2-22 ”注册 和 登录 完成 后 ， 就 可 以 用 用 户 名 和 密码 进行 登录 了 。 
四 分享 方法 


当 程 序 完 成 后 ， 可 以 单 击 “文件 ”菜单 下 的 “分 享 到 网 站 ”， 出 现 对 话 框 ， 输 入 当时 注册 


) 和 


后 ， 


的 用 户 名 和 密码 ， 即 可 登录 到 官网 ， 如 果 出 现 “ 上 传 失败 ”的 提示 ， 一 般 是 用 户 名 或 者 密码 写 错 


了 ， 如 图 2-23 所 示 。 


注册 


< L_ 


@ 


PE 


基于 计算 思维 的 Scratch 项 目 式 编程 


文件 ” 编辑 
新 建 项 目 分 享 到 Scratch 网 站 
打开 
证 项 目 名 称 : 圭 宫 寻宝 昔 戏 
另存 为 Scratch 用 户 名 
录制 所 视频 


服务 器 错误 : 
客机 invalid_user 


一 二 确定 |， 取消 


确定 
过 出 


图 2-23 分享 到 网 站 


当 出 现成 功 提示 后 ， 会 自动 进入 官网 并 登录 成 功 ， 单 击 “ 我 的 文档 ”按钮 ， 可 以 看 到 刚刚 上 
传 的 程序 放 在 了 “未 分 享 项 目 ” 里 ， 如 图 2-24 所 示 。 


一 
了 成 功 
| | | 及 :ssoma ~ 
您 的 项 目 已 经 上 传 到 scratch mit.edu 


Flter by 


全 部 的 项 目 (3) 
《迷宫 寻宝 》 游 戏 


分 享 的 项 目 (0) 最 后 个 改 日 期 :3 minutes 30o 
我 的 工作 室 (0) ey 
后 始 欢 日 期 : 20 Mar 2018 
a 观看 程序 页 面 
图 2-24 ”准备 分 享 


单 击 要 分 享 的 程序 ， 打 开设 计 界面 ， 可 以 继续 修改 ， 或 者 直接 填写 相关 的 信息 ， 例 如 程序 
的 操作 说 明 、 备 注 写 感谢 等 ， 之 后 单 击 右上 角 的 “分 享 ”按钮 ， 此 程序 就 处 于 已 分 享 状 态 ， 如 图 
2-25 所 示 。 这 时 别人 就 可 以 试 玩 和 下 载 你 的 程序 ， 并 且 可 以 给 你 点 赞 、 写 评论 等 ， 如 图 2-26 所 
示 。 同 样 ， 你 也 可 以 去 观看 和 学 习 别 人 的 程序 ， 给 别人 提出 建议 。 这 样 的 分 享 是 不 是 有 助 于 程序 
创意 和 功能 改进 呢 ? 加 油 ! 


Np 
”此 项 目 未 分 享 - 所 以 只 有 你 自己 看 得 到 它 * 点击 分 享 让 其 他 人 短 观 看 : 


寻宝 》 游戏 


图 2-25 程序 说 明和 分 享 


全 部 的 项 目 (3 


《过 宫 寻 宝 》 苹 戏 
分 享 的 项 目 (1) 加 入 到 = 


未 分 享 硕 目 (2) 看 程序 页 面 


2.5， 本 章 小 结 


到 现在 为 止 ， 《迷宫 寻宝 》 游 戏 的 开发 就 大 功 告 成 了 。 人 怎么 样 ， 对 自己 的 作品 还 满意 吗 9 

在 这 个 项 目 中 我 们 学 习 了 如 何 添加 舞台 背景 、 角 色 造 型 以 及 声音 ， 如 何 切换 舞台 背景 ， 播 放 
和 关闭 声音 ， 角 色 定 位 ， 方 向 键 控制 事件 ， 侦 测 颜色 ， 砸 到 角色 ， 重 复 结构 ， 条 件 判断 等 ， 这 个 
过 程 虽然 艰辛 ， 但 是 相信 你 一 定 体会 到 了 编程 的 乐趣 。 
在 做 游戏 的 过 程 中 ， 你 是 不 是 也 会 彰 发 很 多 好 的 点 子 和 创意 9 例如 ， 宝 贝 造型 是 不 是 可 以 多 
种 多 样 呢 ? 宝贝 出 现 的 位 置 是 否 可 以 随机 呢 ? 能 否 给 游戏 增加 倒计时 功能 呢 …… 有 了 这 些 想 法 ， 
别 志 了 记录 下 来 ,好 记性 不 如 烂 笔头 哟 ! 这 些 功能 在 后 续 的 项 目 中 会 接触 到 ， 到 时 可 以 再 来 完 
《迷宫 寻宝 》 游 戏 ! 


取消 分 享 


图 2-26 ”分享 与 评价 


3.1.1 需求 分 析 


大 家 玩 过 《植物 大 战 僵尸 》 游 戏 吗 9 这 是 一 款 极 富 策略 性 的 小 游戏 ， 游 戏 中 的 色 是 便 


尸 和 植物 ， 每 种 僵尸 和 植物 有 不 同 的 特点 和 功能 ， 玩 家 可 以 根据 实际 情况 灵活 种 植 合适 的 植物 来 
抵御 僵尸 入 侵 。 下 面 就 来 开发 一 款 简易 版 的 植物 大 战 僵尸 游戏 。 


如 图 3-1 和 图 3-2 所 示 ， 植 物 王 国 里 最 近 经 常 有 僵尸 的 入 侵 ， 为 了 保护 家 园 不 受 侵犯 ， 植 物 
们 对 僵尸 发 起 了 勇 独 攻击 。 僵 性 在 右 侧 边 缘 随 机 位 置 上 出 现 后 ， 向 左 走 。 玩 家 控制 植物 上 下 
移动 ， 瞄 准 僵 己 后 ， 开 始 发 射 子弹 。 如 果子 弹 击 中 僵尸 ， 则 得 分 增加 ， 这 个 僵尸 会 消失 。 其 他 僵 


尸 也 会 连续 不 断 地 出 现 ， 僵尸 撞 到 了 植物 ， 则 游戏 终止 。 


Cc 


加 词性 分 析 
1) 找 名 河和 动词 ， 确 定 角色 和 行为 


项 目 3 双人 射击 比赛 


根据 功能 描述 ， 找 到 的 名 词 有 : 植物 王国 、 僵 尸 、 家 园 、 右 侧 边 缘 、 植 物 、 子 弹 、 游 戏 ; 


找到 的 动词 有 : 入侵、 侵犯、 攻击、 出 现 、 向 左 走 、 移 动 、 瞄 准 、 发 射 、 击 中 、 消 失 、 撞 到 、 终 
上 。 党 试 为 这 些 动词 找 主语 ， 例 如 ， 僵 尸 入侵、 攻击、 出现、 向 左 走 、 消 失 、 撞 到 ， 植 物 移动 、 
清 准 ， 子 弹 发 射 、 击 中 。 因 此 ， 需 要 作为 游戏 角色 的 是 僵尸 、 植 物 、 子 弹 ， 因 为 它们 都 需要 有 执 


行 的 动作 。 像 植物 王国 、 家 园 等 ， 则 可 以 通过 背景 来 体现 。 


2 ) 找 数 据 和 关系 ， 确 定 变量 和 风 辑 


根据 功能 描述 ， 与 数据 有 关 的 是 : 随机 位 置 、 得 分 、 连 续 不 断 出 现 ， 其 中 得 分 在 游戏 中 需要 
存储 ， 因 此 需要 建立 “得 分 ”变量 。 与 逻辑 有 关 的 是 : 条 件 结构 〈 例 如， 如 果子 弹 击 中 僵尸 ， 那 


么 得 分 增加 ; 如 果 僵尸 碰 到 了 植物 ， 那 么 游戏 终止 》， 循环 结 构 〈 例 如 ， 一 直 向 左 走 、 僵 性 连续 


不 断 出 现 ) 。 角 色 之 间 的 关系 是 : 移动 植物 能 瞄准 僵 己 后， 发射 子 弹 ; 子弹 射 中 僵尸 后 ,僵尸 消 


失 ; 僵尸 碰 到 植物 后 ,游戏 终止 。 


根据 需求 分 析 的 结果 ， 可 以 利用 思维 导 图 工具 画 出 角色 行为 设计 图 ， 如 图 3-3 所 示 。 该 游戏 


主要 功能 模块 是 : 植物 移动 、 子 阐发 射 和 僵尸 进攻 。 


前 面 我 们 经 常 判断 是 否 磁 到 某 个 颜色 、 或 础 到 某 个 角色 、 或 磁 到 边缘 等 ， 这 回 和 
些 指令 都 是 菱形 框 ， 代 表 逻 辑 值 《 真 或 假 ) ， 用 于 判断 某 个 条 件 是 否 满足 。 有 时 1. 远 辑 运算 符 


i 


候 不 光 判 断 一 个 条 件 真 或 者 假 ， 还 有 可 能 多 个 条 件 组 合 判断 ， 例 如 ， 僵 尸 在 左 移 的 过 程 中 ， 磺 到 


了 植物 或 者 是 碰 到 了 子弹 ， 只 要 满足 其 中 


一 个 条 件 ， 那 么 僵尸 就 消失 ， 类 似 这 种 对 逻辑 值 组 合 


判断 的 运算 称 为 逻辑 运算 。 在 程序 中 ， 


一 共有 3 个 逻辑 运算 符 ， 分 别 是 或 运算 、 与 运算 和 非 运 


， 可 以 根据 需要 组 合 使 用 ， 如 图 3-4 所 示 。 


~ 


sh 
~ 


造型 全 ”可 以 有 多 个 造型 实现 动画 效果 
初始 位 置 、 方 向 


行为 
上 下 键 控 制 上 移 和 下 移 


造型 @ ”添加 或 者 自行 绘制 


隐藏 并 跟随 植物 移动 


当 按 下 空格 键 发 射 ， 即 显示 ， 向 右 移动 
但 碰 到 僵尸 ， 隐 藏 ， 跟 随 植物 


造型 ©” 可 以 有 多 个 造型 实现 动画 效果 


初始 位 置 在 右 侧 ，y 坐 标 随机 ， 方 向 朝 左 


向 左 移动 ， 当 碰 到 子弹 ,得 分 增加 ; 
当 碰 到 植物 ， 游 戏 终止 


当 程 序 开始 时 ， 初 始 值 为 0 
当 子 弹 击 中 僵尸 时 ， 得 分 增加 


图 3-3 角色 行为 设计 


项 目 3 双 ， 刘 市 比 商 帮 


人 @O 或 运算 

或 运算 是 指 : 两 个 条 件 〈 或 多 个 条 件 ) 中 有 一 个 值 为 真 ， 那 么 整个 或 运算 后 的 值 就 是 真 。 
比如 ,僵尸 磁 到 子弹 或 者 磁 到 植物 ， 表 示 其 中 若 有 一 个 条 件 成 立 ， 就 不 需 向 左 移动 ， 退 出 本 次 
循环 。 

@ 5 运算 

与 运算 是 指 : 两 个 (或 多 个 ) 条 件 中 所 有 的 值 都 为 真 ， 那 么 整个 与 运算 后 的 值 才 是 真 。 例 
如 ， 判 断 一 个 学 生 的 成 绩 是 否 为 良好 (74 ~ 85 ) ， 那 么 有 两 个 条 件 : “是 否 大 于 74” 和 “是 
否 小 于 85”， 只 有 这 两 个 条 件 同时 满足 ， 成 绩 才 属于 “良好 ” ， 所 以 ， 需 要 用 与 运算 。 

@ 非 运算 

非 运算 是 指 : 和 条 件 的 逻辑 值 相反 ， 例 如 “是 否 按 下 空格 ”不 成 立 ， 意 味 着 没有 按 下 空格 
时 ， 整 个 非 运算 的 值 才 是 真 ; 再 如 “得 分 >59” 不 成 立 ， 实 际 指 “得 分 小 于 或 等 于 59” 时 这 个 运 
算 结 果 为 真 。 

在 编程 时 ， 条 件 判断 的 使 用 非常 多 ， 条 件 中 的 表达 式 ， 除 了 有 比较 大 小 的 算术 运算 ,或 者 是 
侦 测 判断 外 ， 逻 辑 运算 也 非常 多 ， 理 解 图 3-4 中 3 种 逻辑 运算 符 的 特点 ， 在 编程 时 就 可 以 灵活 运 
用 了 。 


该 模块 需要 实现 3 个 主要 功能 ， 一 是 添加 多 个 造型 ， 实 现 造型 切换 ， 让 僵尸 有 行走 的 动 
画 效果 ; 二 是 设置 便 己 的 起 始 位 置 ， 使 僵尸 每 次 随机 出 现在 屏幕 最 右 侧 ， 即 x 值 固定 ， y 值 为 
(-180-180) 范围 内 的 ;三 是 僵尸 向 左 进攻 ， 可 能 会 被 子弹 射 中 ， 此 时 玩家 得 分 增加 ,僵尸 隐 
藏 ， 并 再 次 在 右 侧 的 随机 位 置 出 现 ， 也 可 能 会 撞 上 植物 ， 那 么 游戏 就 结束 。 

@ 算法 分 析 

1) 切换 造型 产生 动画 效果 

打开 搜索 引擎 如 百度 ) ， 在 网 页 的 搜索 框 中 输入 关键 字 “ 动 图 植物 大 战 僵尸 ”后 ， 下 载 
合适 的 僵尸 动 图 ， 上 传 该 文件 作为 Scratch 角 色 。 该 角色 有 多 个 造型 ， 重 复 切换 造型 ， 就 会 产生 
动画 的 效果 。 有 关 动画 产生 的 原理 可 以 参考 后 面 的 “知识 扩展 ”部 分 的 内 容 。 


< 人 


基于 计算 思维 的 Scratch 项 目 式 编程 


2 ) 僵尸 垂直 方向 上 位 置 随机 
(有 的 Scratch 版 本 叫 数字 和 逻辑 运算 ) 模块 下 ， 有 一 条 数值 指令 是 
国 ， 可 根据 需要 设置 取 值 范围 《可 以 为 小 数 ) 。 根 据 Scratch 舞 合 坐标 系 中 x 坐 标 
和 y 坐 标的 取 值 范围 ， 可 以 设 定 僵尸 角色 的 起 始 横 坐 标 即 x 的 值 为 240《〈 即 最 右 人 出 ) ， 纵 坐标 即 y 
的 取 值 范围 为 -120~ 120。 
3) 僵尸 左 移 “ 进 攻 ” 过 程 
左 移 时 可 能 会 磺 到 子弹 或 者 植物 ， 只 要 磺 到 其 中 的 一 个 ， 都 不 再 左 移 ， 并 且 税 到 子弹 时 让 得 


分 增加 ， 而 磁 到 植物 时 整个 游戏 就 结束 。 僵 性 “进攻 ”的 过 程 如 图 3-5 所 示 。 


图 3-5 僵尸 左 移 流程 图 


人 O) 编程 实现 
依据 流程 图 ， 僵 尸 角色 上 的 脚本 如 图 3-6 所 示 ， 运行 并 调试 程序 。 


DN 
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240 有 -120 上 3 12005 me 


重复 执行 直到 | 说 到 植物 ? 或 碰 到 子 淹 


NE 
图 3-6 僵尸 行走 脚本 | 
315 编程 实现 发射 子弹 i 
该 模块 主要 实现 两 个 功能 : 一 是 让 子弹 被 发 射 前 一 直 处 于 隐藏 状态 并 跟随 植物 移动 。 二 是 SS 
按 下 空格 键 后 ， 子 弹 显 示 并 一 直 向 右 移动 ， 如 果 碰 到 〈 击 中 ) 僵尸 ， 得 分 增加 ， 子 弹 隐藏 ， 如 果 | 
子弹 没有 击 中 僵尸 ， 那 么 当 接近 和 舞台 右 侧 边缘 时 ， 就 隐藏 ， 并 回 到 起 始 位 置 。 | 
@ 算法 分 析 
1) 植物 行为 分 析 ! 
植物 起 始 位 置 在 舞台 左 人 出 ， 当 按 下 上 移 键 时 ， 植 物 向 上 行走 ; 当 按 下 下 移 键 时 ， 植 物 向 下 行 ! 
走 ; 当 按 下 空格 键 时 ， 广 播 “ 发 射 子 弹 ”， 通 知 子弹 开始 移动 。 植 物 在 移动 的 过 程 中 还 会 重复 切 ! 
换 造 型 ， 如 图 3-7 所 示 。 ! 
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一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 


图 3-7 ”植物 行为 流程 图 


2) 子弹 行为 分 析 

子弹 在 没 被 发 射 前 处 于 隐藏 状态 并 一 直 跟 随 植物 移动 。 当 接收 到 “发 射 子弹 ”消息 后 ， 
显示 出 来 ， 并 向 右 移 动 ， 如 果 “ 击 中 ”僵尸 或 者 到 达 右 侧 边缘 ， 那 么 子弹 就 终止 右 移 ， 并 
隐藏 。 

子弹 行为 的 算法 流程 图 如 图 3-8 所 示 。 


子弹 : 


是 


Le | 


图 3-8 ”子弹 行为 流程 图 


人 编程 实现 
1) 植物 角色 脚本 
根据 如 图 3-7 所 示 的 植物 行为 流程 图 ， 编 写 脚本 如 图 3-9 所 示 。 


2 ) 子弹 角色 脚本 


当 按 下 上 禾 镍 
2 


净土 标 增加 国 ) 


图 3-9 植物 行为 脚本 


根据 如 图 3-8 所 示 的 子弹 行为 流程 图 ， 编 写 脚本 如 图 3-10 所 示 。 


@) 调试 程序 


当 接收 到 发 射 子 着 


10 


图 3-10 子弹 角色 脚本 
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1) 回溯 分 析 


单 击 绿 旗 后 ， 植 物 可 以 在 上 下 键 的 控制 下 移动 ， 僵 尸 也 能 自 右 向 左 移动 。 但 是 当 按 下 空格 键 
后 ,发 现 子弹 显示 出 来 了 ， 但 是 没有 向 右 发 射 。 这 是 什么 原因 呢 9? 先 自己 分 析 试 试 。 


按照 现 有 的 脚本 ， 如 果子 弹 没 有 发 射 ， 则 意味 着 没有 执行 “将 x 坐标 增加 10” 这 条 命令 ， 如 


果 没 有 执行 这 条 指令 ， 一 定 是 因为 没有 满足 条 件 。 条 件 是 这 样 设 定 的 : 
近 和 舞台 右 侧 边缘 时 ， 子 弹 就 停止 移动 ; 反之 ， 如 果 没 有 砸 到 僵尸 或 者 没有 接近 舞台 右 


么 子弹 应 该 一 直 右 移 。 


当 子弹 磅 到 了 僵 
内 


再 看 程序 目前 的 执行 效果 ， 


现 : 子 绊 停 留 企 植物 上 ， 确 实 没有 碰 到 僵 


户 ， 也 没 


户 或 者 接 
边 绿 ， 那 


接近 舞台 


A 
py 


Ye 


@ 


Se 


之 二 
et YH SEE 
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右 侧 边缘 ， 按 程序 逻辑 看 ， 子 弹 应 该 一 直 右 移 ， 但 为 什么 却 不 能 右 移 9 


既然 这 段 脚本 逻辑 上 没有 问题 ， 那 么 是 不 是 受 其 他 脚本 的 


子弹 本 来 想 向 右 移动 ， 可 是 刚 想 移动 ， 就 执行 了 重复 跟随 植物 
停留 在 植物 角色 上 。 
2 ) 修改 程序 


影响 呢 9 我 们 月 


看 征 


让 子弹 跟随 植物 走 ， 既 然 限定 了 一 直 跟 随 植物 ， 那 子弹 还 有 机 会 右 移 吗 9 显然 问题 出 在 这 里 ， 


a 击 绿 旗 时 ， 


的 指令 ， 因 此 ， 看 到 的 效果 是 子弹 


理 顺 一 下 算法 : 在 没有 发 射 子 弹 的 时 候 ， 子弹 一 直 跟 随 植物 ， 但 一 旦 开始 发 射 了 ， 子 弹 就 


需要 再 跟随 植物 ， 而 是 不 断 向 右 移动 。 当 子弹 退出 向 右 移动 的 循环 时 ， 才 又 继续 跟随 植物 。 显 


然 ， 只 要 将 子弹 移动 的 脚本 和 子弹 跟随 植物 的 脚本 组 合 起 来 ， 按 先后 顺序 执行 ， 问 题 就 解决 了 。 


这 里 用 到 了 “ 侦 测 ”模块 下 的 “按键 是 否 按 下 ”指令 ， 用 这 条 指令 可 以 判断 


是 否 按 下 某 个 键 ， 也 就 是 说 ， 按 下 空格 键 《 或 键盘 上 的 其 他 键 ) 这 样 的 功能 ， 既 人 
可 以 通过 事件 模块 里 的 指令 来 实现 ， 也 可 以 用 侦 测 模块 里 的 “按键 是 否 按 下 ” 
指令 来 实现 ， 程 序 中 根据 情况 灵活 选用 流程 图 和 对 应 的 脚本 如 图 3-11 所 示 。 


子弹 修改 : 


NT 


运行 程序 ， 按 下 空格 键 后 ， 


玩 ， 观 察 游戏 


| 


从 Seratch 库 中 添加 进来 的 角色 ， 一 般 都 有 很 多 个 造型 ， 如 果 将 这 些 造型 重 回潮 


3 ”双人 射击 比赛 


观察 子弹 是 否 能 够 发 射出 去 。 多 试 玩 几 次 ， 或 者 分 享 给 同学 试 
Pp 是 否 还 存在 其 他 的 问题 ， 及 时 调整 。 


复 地 轮流 切换 ， 就 会 看 到 好 玩 的 动画 效果 。 其 实 ， 这 种 动画 是 大 脑 产 生 的 错觉 而 5. 火柴 人 动画 


已 。1824 年 ， 英 国 伦敦 大 学 教授 皮特 。 马 克 。 罗 格 特 提 出 了 “视觉 暂 留 现象 ”， 


又 称 “ 余 晖 效 


应 ”。 他 认为 ， 人 眼 在 观察 景物 时 ， 光 信号 传 入 大 脑 神经 ， 需 经 过 一 段 暂 留 的 时 间 ， 光 的 作用 结 
束 后 ， 人 有 眼 视 网 膜 上 的 视觉 形象 并 不 立即 消失 ， 这 种 残留 的 视觉 称 为 “后 像 ”。 
生活 中 有 没有 类 似 的 视觉 暂 留 现象 呢 ? 例如 ， 过 马路 时 提示 灯 显 示 的 行走 的 小 绿 人 、 下 雨天 


雨滴 快速 下 落 看 起 来 像 一 条 线 


利用 大 脑 的 视觉 暂 留 特点 ， 编 程 时 可 以 通过 快速 切换 造型 产生 动画 效果 。 观 察 下 面 的 火 上 业 人 ， 
连贯 起 来 看 ， 快 速 切 换 ， 这 个 火 染 人 在 做 什么 动作 呢 ? 你 能 否 利用 Scratch 去 绘制 并 快速 切换 造型 呢 ? 


Y&RYAaAAT 


后 ， 相 信 你 的 编程 能 力 又 提升 了 。 继 续 思考 : 如 果 有 两 个 好 朋友 想 一 起 


完成 了 这 个 游戏 编程 
玩 游戏 ， 目 前 的 程序 显然 有 局 限 ， 


下 面 就 来 设计 和 


开发 一 个 双人 射击 游戏 。 


3.2; 《双人 射击 比赛 》 分 析 和 设计 


和 过 
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Ye 


寺 


ss 


PE 
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o 


{=| 
内 ， 


间 、 
此 ， 


地 点 : 森林 里 
信物 : 多 只 僵尸 、 两 名 射击 者 
起 因 : 为 抵御 僵尸 入 侵 ， 两 名 射击 者 射击 僵尸。 


经 过 : 玩家 在 程序 开始 时 可 自选 造型 ， 很 多 僵尸 不 定时 地 随机 出 现 ， 两 名 射击 者 在 远 处 对 


结果 : 到 达 限 定时 间 后 ， 比 赛 结束 ， 裁 判 员 公布 比赛 结果 。 


@ 词性 分 析 
1) 找 名 词 和 动词 ， 确 定 角色 和 行为 


准 僵尸 发 射 子 弹 ， 当 子弹 击 中 僵尸 则 给 该 名 射击 者 加 分 ,僵尸 消失 后 再 重复 出 现 。 


根据 功能 描述 ， 找 到 的 名 词 有 : 深夜 、 和 森林、 僵尸 、 射 击 者 、 子 弹 、 造 型 、 裁 判 员 、 比 赛 
结果 ， 找 到 的 动词 有 : 抵御 、 入 侵 、 人 射击 、 出 现 、 对 准 、 击 中 、 消 失 、 倒 计时 、 自 选 
尝试 为 这 些 动 词 找 主语 ,例如 ,僵尸 出 现 、 入 侵 、 消 失 ， 射击 者 抵御 、 射 击 、 对 准 、 自 选 ， 
子弹 击 中 ， 载 判 员 公布 。 
找 出 具有 动作 行为 的 名 词 ， 作 为 游戏 的 角色 ,包括 : 僵尸 、2 名 射击 者 、2 改 子弹、 裁判 


而 深夜 、 和 森林 等 没有 动作 行为 的 名 词 可 以 通过 背景 图 片 来 表达 。 
2) 找 数据 和 关系 ,确定 变量 和 罗 辑 


比赛 结果 。 其 中 ， 值 不 断 改变 并 需要 保存 的 是 : 倒计时 及 射击 者 各 
初步 需要 3 个 变量 ,分 别 是 倒计时 、A 击 中 数 、B 击 中 数 。 


根据 功能 描述 ， 与 数据 有 关 的 是 : 多 只 、 两 名 、 很 多 、 不 定时 、 随 机 、 加 分 、 倒 计时 、 时 


、 结 束 、 公 


自 击 中 便 


与 逻辑 有 关 的 是 : 条 件 结构 〈 例 如， 子弹 击 中 僵尸 就 给 相应 的 射击 者 加 分 、 僵 


击 者 则 游戏 终止 、 超 过 规定 时 间 游 戏 终止 等 ) ， 循 环 结构 〈《 例 如， 僵尸 重复 向 左 移动 


等 ) 。 角 色 之 间 的 关系 是 : 移动 植物 ， 瞄 准 僵尸 后 ， 发 射 子弹 ; 子弹 “ 射 中 ” 伪 


失 ， 


子弹 消失 ; 僵尸 磁 到 植物 后 ， 僵 尸 消失， 子弹 消失 ， 游 戏 终止 。 


户 的 个 数 。 因 


已 碰 到 了 射 
、 重 复出 现 


后 ,僵尸 消 


根据 需求 分 析 的 结果 ， 用 思维 导 图 工具 在 纸 上 或 者 是 计算 机 上 画 出 角 


色 行为 设计 


图 ， 当 然 也 


可 以 加 上 自己 的 创意 ， 一 定 不 要 担心 写 得 不 完整 ， 从 少 到 多 、 从 小 到 大 不 断 地 积累 ， 就 会 设计 得 


和 


项 目 3 ”双人 射击 比赛 
和 
EE. 
越 来 越 完整 ， 这 里 展示 一 个 角色 行为 设计 图 做 参考 ， 如 图 3-12 所 示 。 ! A 
| 全 
游戏 说 明 + 比赛 现场 : 漆黑 森林 1 
1 
1 
造型 @@ ”从 库 里 添加 1 
开始 时 出 现 ， 说 明 规则 ， 让 玩家 选择 造型 ， 宣 布 游戏 开始 ! 
游戏 结束 ( 僵尸 磁 到 了 射击 手 或 时 间 到 达 ) 时 ， 宣 布 结果 '® 
下 
造型 @ 搜索 下 载 动 图 ! 
上 
根据 玩家 的 选择 ， 显 示 对 应 造型 ! 
1 
起 始 位 置 舞台 左 侧 边缘 中 间 位 置 ! 
射击 手 A: W 和 S 键 上 下 移 ，A 和 D 键 调整 方向 ! 
射击 手 B: 上 下 键 控制 上 移 和 下 移 ， 左 右键 调整 方向 ! 
1 
当 击 中 一 个 僵尸， 就 给 自己 的 得 分 增加 1 分 
1 
1 
造型 @ 从 库 里 添加 小 球 1 
1 
跟随 各 自 的 射击 手 移动 1 
fi My 
当 按 下 Q 键 或 者 空格 键 时 ， 相 应 的 子弹 发 射 I 人 入 
1 
造型 @ 搜索 下 载 动 图 1 ® 


克隆 多 个 僵尸 ， 并 在 随机 位 置 随机 间隔 出 现 


僵尸 不 断 左 移 ， 当 碰 到 子弹 时 ， 让 相应 子弹 的 射击 手 加 分 ， 自 己 消失 
当 碰 到 任何 一 个 射击 手 时， 游戏 终止 


初 值 为 0， 当 射击 手 A 击 中 一 个 僵尸 ， 就 增加 1 
初 值 为 0， 当 射击 手 B 击 中 一 个 僵尸 ， 就 增加 1 
初 值 为 0， 每 克隆 出 一 个 僵尸 就 增加 1 
玩家 设置 ， 当 时 间 到 达 后 ， 比 赛 终 止 


图 3-12 角色 行为 设计 


根据 设计 图 ， 我 们 对 整个 游戏 有 了 大 致 的 认识 ， 并 且 可 以 把 感觉 实现 起 来 有 困难 的 地 方 标记 


出 来 ， 这 些 都 是 接 下 来 需要 学 习 的 新 知识 或 者 要 解决 的 难点 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 


@ 计时 器 

1) 相关 指令 

在 “ 侦 测 ”模块 下 有 “计时 器 ”和 “将 计时 器 归 零 ” 两 条 指令 。 选 中 “计时 
器 ”选项 ， 可 以 把 当前 计时 数据 显示 在 舞台 上 ， 单 位 为 秒 ， 如 图 3-13 所 示 。 观 察 
台 计 时 器 数值 ， 测 试 并 回答 如 下 问题 : 每 次 单 击 绿 旗 时 ， 计 时 器 的 初 值 是 多 少 ?9 是 0。 当 单 击 
红色 按钮 终止 程序 后 ， 计 时 器 是 否 停止 计时 呢 9 显然 ， 没 有 停止 。 这 是 Scratch 计 时 器 的 特点 ， 
可 以 使 用 “将 计时 器 归 零 ”指令 在 需要 时 让 计时 器 为 0， 重 新 计时 。 

2 ) 倒计时 实现 
“事件 ”模块 下 ， 有 一 个 指令 是 “ 当 计时 器 大 于 某 个 值 ”， 表 示 当 计时 器 的 值 大 于 某 个 值 
以 做 什么 事情 。 例 如 ， 当 计时 器 超过 5 秒 时 ， 就 播放 声音 。 如 图 3-14〈1) 所 示 ， 运 行 
证 一 下 结果 ，5 秒 后 ， 听 到 声音 了 吗 9 
如 果 要 求 每 隔 5 秒 就 播放 一 次 声音 ， 那 么 该 如 何 实现 呢 ? 显然 ， 计 时 器 到 达 5 秒 后 ， 需 要 将 
计时 器 妥 零 ， 重 新 计时 。 如 图 3-14(2) 所 示 。 

继续 思考 ， 如 果 希 望 每 隔 1 秒 播放 一 次 声音 ， 如 何 操作 呢 9 对 ， 把 5 换 成 1 就 可 以 了 。 如 果 每 
隔 1 秒 让 变量 “计时 ” 减 去 1 ， 再 将 计时 器 归 零 ， 如 图 3-14〈2 ) 所 示 。 测 试 一 下 程序 ， 是 不 是 实 
现 倒计时 功能 了 呢 9 快 去 试 试 吧 ! 


3 


外 吉 时 
品 


图 3-13 ”计时 器 指令 ”图 3-14 (1) ”计时 器 应 用 。 图 3-14 (2〉 ”计时 器 妥 零 


其 实 与 计时 有 关 的 重复 动作 ， 基 本 都 是 将 指令 “ 当 计 时 器 大 于 某 个 值 ”和 “计时 器 归 零 ”组 
合 使 用 。 例 如 ， 每 年 的 春节 晚会 上 ， 都 会 摇号 抽取 幸运 观众 ， 摇 号 开始 时 ， 电 话 号 码 在 重复 轮流 


Ne ee ee ee 
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显示 ， 该 功能 用 计时 器 事件 就 可 以 来 实现 ， 有 兴趣 的 话 等 学 习 了 链表 后 可 以 尝试 一 下 。 


@ 克隆 


大 家 都 知道 孙悟空 神通 广大 ， 拔 根 毫 毛 一 吹 ， 就 可 以 变 来 变 去 ， 想 变 多 少 就 变 多 少 。 其 实在 


很 多 游戏 中 ， 和 舞台 上 会 出 现 大 量 的 造型 ， 例 如 ， 吹 泡 泡 游 戏 中 有 大 量 的 大 小 不 一 的 泡 泡 ， 这 些 泡 


泡 本 身 不 是 一 个 个 角色 ,而 是 


个 角色 的 “克隆 体 ”。 本 游戏 中 ， 也 会 有 很 多 个 僵尸 出 现 ， 可 以 


1) 产生 克隆 体 


使 用 “克隆 ”来 实现 。 在 “控制 ”模块 下 ， 有 3 条 相关 指令 ， 如 图 3-15 所 示 。 


任何 一 个 角色 都 可 以 克隆 自己 或 者 克隆 其 他 角色 。 自 己 本 身 叫 做 本 体 ， 克 隆 出 来 的 叫 克 隆 


体 。 克 隆 体 具 有 本 体 的 一 切 属性 和 功能 ， 也 就 是 说 ， 本 体能 干什么 ， 克 隆 体 也 能 干什么 。 同 时 ， 
克隆 体 还 可 以 有 自己 的 特点 ， 比 如 克隆 体 各 自 的 颜色 、 大 小 、 行 为 ， 等 等 ， 本 游戏 中 很 多 大 小 不 


一 的 僵尸 就 通过 克隆 产生 。 
2 ) 启动 克隆 体 


产生 了 克隆 体 后 ， 要 想 让 其 执行 某 些 动作 ， 就 需要 启动 ， 使 用 “ 当 克 隆 体 启动 时 ”事件 ， 克 


隆 体 要 执行 的 动作 放 在 这 个 事 伯 


F 下面 就 可 以 。 


3) 删除 克隆 体 


当 克 隆 体 完成 了 使 命 后 ， 需 要 使 用 “删除 本 克隆 体 ”命令 及 时 删除 ， 否 则 会 占用 大 量 系统 内 
存 ， 而 “内 存 ” 对 于 游戏 运行 来 说 非常 重要 。 所 以 ， 及 时 释放 内 存 ， 能 让 程序 运行 起 来 更 快 、 更 


顺畅 。 同 理 ， 在 本 游戏 中 当 僵 


练 习 


页 到 子弹 后 ， 也 需要 将 其 克隆 体 删 除 。 


图 3-15 关于 克隆 的 指令 


单 击 绿 旗 开 始 ， 等 待 2 秒 就 克隆 一 只 小 猫 ， 克 隆 体 的 造型 、 大 小 、 颜 色 特 效 以 及 位 置 随 


机 ， 等 待 随机 时 间 (5~10 秒 ) 


后 ， 删 除 克隆 体 。 参考 脚本 如 图 3-16 所 示 。 


bs 


@ 


基于 计算 思维 的 Scratch 项 目 式 编程 


Scratch 舞 台 上 的 角色 有 图 层 之 分 ， 默 认 最 先 添 加 的 角色 放置 在 最 底 


El 1 EL 200) 


大 小 设 定 为 | 在 50 Ek 60) 
在 1 EA > 辣 随机 先 


图 3-16 参考 脚本 


@) 造型 外 观 
在 “外 观 ” 模 块 下 ， 有 很 多 指令 ， 这 些 指令 能 让 角色 造型 看 起 来 更 有 趣 ， 比 如 ， 调 整 大 小 、 
颜色 、 亮 度 等 等 ， 可 以 将 这 些 指令 归 为 类， 以 便于 理解 和 使 用 。 

1) 1 栏 : 


显示 类 


置 在 最 上 层 ， 


因此 ， 如 果 把 角色 重 弗 放置 ， 那 么 先 添加 的 角色 会 被 庶 盖 掉 。 


层 和 下 移 几 层 ” 来 设置 一 放 顺 序 。 此 外 ， 角 色 还 可 以 说 话 和 思 b 可 以 


时 间 。 注 意 ， 角 色 如 果 隐 藏 后 ， 说 话 和 思考 的 内 容 也 将 被 隐藏 。 加 图 3_17 1 栏 所 示 。 


层 ， 最 后 添加 的 角色 放 


可 以 使 用 “ 移 到 最 上 


(ol 


青 近 所 有 图 形 特效 


直 说 或 者 设置 说 多 长 


项 目 3 双人 和 市 比 检 @ 


2) 2 栏 : 设置 类 

在 编程 中 ， 经 常 需要 切换 造型 或 背景 ， 可 以 指定 造型 名 称 或 者 编号 来 切换 造型 ， 或 者 从 当前 
造型 开始 用 “下 一 个 造型 ”来 切换 。 还 可 以 设置 角色 的 大 小 ， 比 如 设 定 为 某 个 值 ， 或 者 在 现 有 大 
小 的 基础 上 去 增加 或 者 减 小 《增加 负 值 即 为 减 小 ) ， 如 图 3-17 2 栏 所 示 。 
如 果 需 要 知道 某 个 角色 当前 的 造型 编号 或 背景 名 称 或 者 角色 大 小 ， 可 以 用 后 面 的 3 条 数据 指 
令 读 取出 来 。 注 意 : 角色 大 小 中 的 数值 代表 的 是 百分比 ， 如 将 角色 大 小 设置 为 100， 是 指 实际 大 
小 的 1 倍 ; 如 果 设 置 成 200 则 表示 放大 了 1 倍 ， 设 置 成 50 代 表 是 实际 大 小 的 一 半 。 

3) 3 栏 : 特效 类 
如 图 3-17 3 栏 所 示 ， 我 们 还 可 以 给 角色 设置 很 多 特殊 效果 ， 通 过 设 定 具体 的 数值 ， 或 者 增 
加 或 减少 一 定 的 数值 ， 来 改变 效果 ， 还 可 以 一 次 性 对 所 有 特效 进行 清除 。 如 图 3-18 所 示 ， 是 各 


种 设置 对 应 的 效果 。 

[汉中 这 3 人 区 其 

EE 让 起 本 像素 特效 
度 加 
亮度 特效 并 人 
图 3-18 各 种 特殊 效果 显示 
S| 
添加 一 个 角色 ， 分 别 单 击 “造型 外 观 ” 下 的 那些 指令 ， 观 察 并 验证 结果 ， 加 深 对 每 个 指令 ， 

的 理解 。 


3.3; 准备 素材 


在 3.1 节 编写 了 简易 版 的 植物 大 战 僵尸 程序 ， 打 开 该 程序 ， 单 击 “文件 ”一 “另存 为 ” 命 
令 ， 文件 名 设 为 “双人 射击 游戏 ”， 单 击 “ 确 定 ” 按 钮 后 ，Scratch 界 面 左上 角 的 文件 名 修改 为 


! 新 的 名 字 ， 我 们 可 以 将 角色 上 的 脚本 删除 ， 仅 保留 角色 造型 〈 别 担心 ! 原先 的 文件 依然 存在 ， 刚 
1 刚 只 是 把 它 复制 并 改名 了 ) 。 
| 
1 
331 角色 和 变量 规划 
nl 
! 根据 项 目 总 体 设计 ， 游 戏 中 涉及 多 个 背景 、 角 色 和 变量 ， 可 以 先 整理 出 来 ， 后 续 可 以 依据 此 
! 方案 操作 ， 如 表 3-1 所 示 。 
! 表 3-1 游戏 角色 变量 规划 表 
! 类型 初始 状态 
! 景 1 从 库 中 添加 游戏 开始 前 显示 
! 背景 2 从 库 中 添加 游戏 开始 时 显示 
射击 者 A 下 载 动 图 (_220, 0) , 隐藏 
! 射击 者 B 下 载 动 图 (-220, 0) , 隐藏 
! 各 子弹 A 从 库 中 添加 跟随 选 定 的 射击 者 , 隐藏 
! 子弹 B 从 库 中 添加 跟随 选 定 的 射击 者 , 隐藏 
四 | 僵尸 下 载 动 图 《230, 0) , 显示 
! 裁判 员 从 库 中 添加 大 概 屏幕 中 间 , 显示 
el A 击 中 数 初 值 为 0, 隐藏 
1 B 击 中 数 到 初 值 为 0, 隐藏 
ae 二 僵尸 总 数 a 初 值 为 0 隐藏 
a 询问 玩家 
nl 
! 依据 该 表 的 约定 ， 添 加 好 背景 、 角 色 ， 建 立 好 变量 ， 如 图 3-19 所 示 。 大 部 分 造型 都 可 以 来 
上 
1 源 于 Scratch 造 型 库 或 者 自行 绘制 ， 下 面 介绍 射击 者 造型 的 添加 方法 。 
上 
! 角色 新 建 角色 : 全/ 丰 四 
+ | sO@@4 
TY 1 A 
A 1 | | 僵尸 射击 者 A 于 综 A 子 综 B 裁判 
闪 人 
莒 /自生 
i 庙 击 者 B 
! 图 3-19 ”角色 列表 


Se 


根据 项 目 总 体 设计 ， 游 戏 d 


为 射击 者 添加 足够 多 的 造型 。 可 以 到 网 上 搜索 下 载 4 种 植物 动 
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Pp 需要 两 名 射击 者 ， 这 两 名 射击 者 的 造型 由 玩家 选择 。 所 以 ， 需 要 


制 来 创建 另 一 名 射击 者 。 
(@ 上 传动 图 


每 种 动 图 上 传 后 只 留 两 个 造型 ， 这 样 一 名 射击 者 就 有 8 个 造型 《4 类 ) 。 因 为 上 传 后 的 造型 可 
需要 去 除 背 景 、 修 改 大 小 或 者 名 称 ， 等 等 ， 所 以 ， 可 以 集中 把 一 名 射击 者 造型 设计 好 后 ， 通 过 复 


从 百度 网 站 下 载 4 个 不 同 的 植物 动 图 ， 将 其 上 传 作为 射击 者 A 


图 ， 将 动 图 添加 到 射击 者 造型 中 ， 


能 


色 的 造型 。 上 传 完成 后 ， 射 


击 者 A 角 色 的 造型 顿时 丰富 起 来 了 ， 为 方便 起 见 ， 我 们 把 每 种 动 图 的 造型 保留 两 个 ， 其 他 的 删除 
掉 ， 修改 造型 名 称 为 A_1、A_2、B_1、B_2、C_1、C_2、D_1、D_2〔 注 意 这 里 的 短线 是 下 


划 线 ， 按 住 Shift 键 ， 再 按 下 减 号 键 ) 。 把 这 些 造型 的 名 称 进 


行 分 类 命名 ， 不 仅 看 起 来 很 清楚 ， 


关键 是 方便 后 期 编程 时 的 读 取 和 判断 ， 如 图 3-20 所 示 ， 是 一 名 射击 者 的 8 个 造型 。 
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图 3-20 ”角色 的 4 类 造型 及 命名 


人 


@ 
Uo 


人 修改 造型 
如 果 植 物 造型 带 有 背景 ， 则 可 以 使 用 “位 图 模式 ”下 的 “去 背景 ”工具 进行 把 图 国葬 泽 ， 
人 体 方 法 参考 项 目 1 中 的 相关 介绍 。 如 果 造 型 尺寸 不 合适 ， 则 可 以 使 用 国明 到 工具 对 造型 进行 缩 
放 ， 使 这 8 个 造型 的 宽度 和 高 度 大 概 接近 即 可 。 最 后 ， 再 看 一 下 每 个 造型 中 心 点 的 位 置 是 否 都 是 
致 的 ， 一 般 来 讲 ， 上 传 的 图 片 造型 中 心 点 默认 在 造型 的 中 间 位 置 。 
有 关 射 击 者 A 的 造型 修改 完成 后 ， 再 复制 同样 的 角色 ， 名 称 修改 为 “射击 者 B”， 两 名 射击 
者 除了 角色 名 称 不 同 外 ， 造 型 信息 完全 相同 。 
3.41 游戏 准备 
当 单 击 绿 旗 开始 ， 先 切换 到 背景 1， 舞 台 上 显示 出 4 张 植物 图 片 〈 每 个 类 别 里 的 第 一 个 造 
型 ) ， 载 判 员 询问 玩家 选择 哪 两 个 图 片 作为 射击 者 A 和 射击 者 B 的 造型 ， 玩 家 选 定 ， 并 阅读 游戏 
规则 之 后 ， 游 戏 真 正 开 始 。 这 里 的 关键 点 是 : 4 张 图 片 如 何 显示 9 玩家 如 何 选取 9 
@ 显示 4 张 图 片 
1) 算法 分 析 


建立 4 个 图 片 角色 ， 每 个 角色 对 应 每 个 类 别 里 的 第 一 个 造型 图 片 ， 让 4 个 角色 顺序 摆 放 在 舞 
台 上 。 建 立 两 个 变量 分 别 用 于 保存 两 个 玩家 选取 的 图 片 编号 ， 比 如 ， 编 号 A、 编 号 B。 因 为 射击 
者 角色 里 的 8 个 造型 命名 规律 是 A_1、A_2、B_1…… 所 以 可 以 设置 当 第 一 张 图 片 被 单 击 时 ， 让 变 
量 值 为 A; 第 二 张 图 片 被 单 击 时 ， 变 量 值 为 B; 以 此 类 推 。 

(1) 添加 角色 。 复 制 射击 者 A 角色 ， 新 角色 命名 为 “图 片 A” ,保留 A_1 造 型 ， 删 除 其 他 7 
个 造型 。 同 样 ， 再 复制 射击 者 A 产 生 新 角色 “图 片 B” ， 保 留 B_1 造 型 ， 删 除 其 他 7 个 造型 ， 同 样 
的 方法 ， 建 立 “ 图 片 C、 图 片 D” 两 个 角色 。 准 备 好 的 角色 列表 如 图 3-21 所 示 。 
(2 ) 用 流程 图 表示 算法 。4 个 图 片 角色 的 算法 基本 类 似 ， 如 图 3-22 所 示 ， 是 图 片 A 和 图 片 B 
角色 实现 的 流程 图 ; 图 片 C 和 图 片 D 角 色 与 其 类 似 ， 只 是 给 变量 赋予 的 值 有 所 不 同 。 


2) 
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新 建 角色 : 2 


DO A 


燕 刊 


新 道 型 : 晰 通 嘲 : 新 得 蜡 : 新 道 型 : 


| 器 使 | 加 


图 3-21 4 个 图 片 角色 和 其 对 应 的 造型 


图 片 A 角 色 : 图 片 B 荐 色 : 


移动 某 个 位 置 将 编号 A 变量 设置 


图 3-22 ”图 片 A 和 图 片 B 等 的 流程 图 


编程 实现 


如 


图 3-23 所 示 ， 是 每 个 图 片 角色 上 的 程序 脚本 ， 注 意 ， 移 到 的 坐标 位 置 可 以 灵活 设置 。 


角色 : 图 片 角色 : 图 片 8 角色 : 图 片 C 角色 : 图 片 
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号 . 
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基于 计算 思维 的 Scratch 项 目 式 编程 


当 游 戏 开 始 时 ， 射 击 者 A 就 可 以 根据 编号 A 的 值 ， 用 “运算 ”模块 下 的 “连接 字符 串 ” 指 
令 ， 将 其 与 “_1” 连 接 上 ， 就 可 以 拼凑 成 为 一 个 造型 的 名 称 ， 从 而 让 其 显示 出 对 应 的 造型 ,具体 
@) 裁判 员 协调 
1) 算法 分 析 


当 绿 旗 单 击 时 ， 裁 判 员 出 场 ， 通 过 询问 让 玩家 依次 为 射击 者 A 和 射击 者 B 选 取 造 型 ， 并 说 明 
比赛 规则 ，5 秒 后 宣布 比赛 开始 。 前 面 实现 了 单 击 角色 后 为 射击 者 A 赋 相应 的 值 ， 那 么 如 何 再 为 
射击 者 B 赋 值 呢 ? 显然 ， 射 击 者 A 的 造型 选择 完成 后 ， 再 来 为 射击 者 B 选 择 造 型 ， 所 以 ， 这 里 面 应 
该 有 一 个 先后 关系 。 为 了 能 区 分 这 两 种 情况 ， 可 以 建立 一 个 变量 叫做 “标志 ”， 比 如 其 初 值 设置 
为 1， 当 为 1 时 ， 此 时 如 果 单 击 了 角色 ,那么 是 给 编号 A 变 量 赋值 当 标 志 变 量 的 值 为 2 时 ， 此 时 
若 单 击 了 角色 ， 则 是 给 编号 B 变 量 同 值 。 那 么 谁 来 控制 “标志 ”变量 的 值 呢 ?9 我 们 把 这 个 重任 交 
给 裁判 员 来 完成 。 

对 应 的 流程 图 如 图 3-24 所 示 。 


et 


裁判 员 角 色 : 


图 片 A 角色 : 


三 


图 片 B 角 色 : 将 变量 设置 为 B 
图 片 C 角 色 : 将 变量 设置 为 C 
图 片 D 角 色 : 将 变量 设置 为 D 


A 
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图 3-24” 截 判 员 协 调 算法 分 析 
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Np 


2 ) 编程 实现 


根据 


流程 图 设计 ， 载 判 员 角 


钟 ， 将 背景 切换 为 背景 2 


4 个 图 片 角 


色 的 脚 


色 上 的 程序 脚本 如 图 3-25 所 示 ， 在 公布 比赛 


色 上 的 程序 脚本 类 似 ， 如 图 3-26 所 示 ， 
只 需要 将 编号 A 和 编号 B 变 量 赋值 为 B; 同 理 ， 


图 3-25 坟 判 员 角色 的 程序 脚本 


色 里 将 变量 赋值 为 D， 此 处 不 再 展示 其 程序 脚本 。 


显示 的 是 图 片 A 角 色 上 的 脚本 ， 图 片 B 角 
图 片 C 角 色 里 将 变量 赋值 为 C， 图 片 D 角 


10, 射击 者 造型 切换 


玩家 选择 完 造 型 后 ， 一 旦 背景 切换 到 背景 2， 游 戏 就 正式 开始 ， 此 时 两 名 射击 者 角色 就 需 i 


要 根据 变量 


值 将 各 自 的 造型 进行 切换 ， 对 应 的 程序 脚本 如 图 3-27 所 示 。 


基于 计算 思维 的 Scratch 项 目 式 编程 


人 @ 角色 的 状态 设置 

当 单 击 绿 旗 时 先 将 背景 切换 为 背景 1 ， 此 时 是 准备 阶段 ;裁判 员 宣布 游戏 开始 后 将 背景 切换 
为 背景 2。 在 不 同 阶段 ， 各 个 角色 的 显示 状态 是 不 一 样 的 。 在 准备 阶段 ， 需 要 显示 的 角色 是 4 张 
图 片 、 裁 判 员 ， 其 他 角色 均 需 隐藏 ， 游 戏 开 始 时 ，4 张 图 片 和 裁判 员 隐藏 ， 其 他 角色 显示 。 如 图 
3-28 所 示 ， 这 里 只 列 出 部 分 角色 的 脚本 ， 其 他 角色 同 理 。 


位 置 任意 ， 为 理解 方便 ， 
写 在 背景 图 片上 。 4 张 图 片 角色 上 : 


当 背 景 切换 到 消 革 1 


射击 者 角色: 


说 IE 


将 背景 切换 为 背 基 2 


图 3-28 角色 初始 状态 


@ 变量 初始 化 

变量 在 使 用 前 ， 都 需要 初始 化 ， 即 给 一 个 初始 值 。 如 果 变 量 用 来 计数 ， 初 值 一 般 设 置 为 0， 
比如 该 游戏 中 的 A、B 射 击 者 击 中 的 僵尸 数 以 及 僵尸 总 数 ; 标志 变量 主要 用 于 区 分 ， 其 初 值 设 定 
没有 要 求 ， 只 要 在 不 同情 况 下 取 不 同 的 值 即 可 ， 例 如 上 面 把 标志 初始 设置 为 1 ， 后 来 设置 为 2， 
区 分 两 种 情况 ， 当 然 如 果 把 标志 初 值 设置 为 A， 后 来 再 设置 为 B， 也 是 可 以 的 。 编 号 A 和 编号 
B 变 量 的 初 值 可 以 设 为 0 或 者 其 他 字符 。 为 方便 起 见 ， 可 以 
都 设置 为 A， 后 续 在 程序 中 再 根据 用 户 的 单 击 对 其 赋予 A、 
B、C、D 不 同 的 值 。 

变量 初始 化 的 脚本 可 以 写 在 背景 或 角色 的 相应 事件 
中 ， 如 图 3-29 所 示 。 
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图 3-29 ”变量 初始 化 
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D) 


在 简易 版 植物 大 战 僵尸 游戏 中 ， 实 现 了 僵尸 从 右 侧 随机 位 置 向 左 行走 的 功能 ， 这 里 需要 实现 
多 只 大 小 不 一 的 僵尸 不 定时 地 随机 出 现 并 行走 。 

(人 @ 算法 分 析 

使 用 克隆 来 产生 多 只 僵尸 ， 可 以 设置 等 待 随机 时 间 ， 让 僵尸 不 定时 地 出 现 ; 同时 ， 克 隆 体 大 
小 也 可 以 设 定 为 随机 数 ， 让 僵尸 的 大 小 不 同 。 僵尸 在 不 断 左 移 的 过 程 中 ， 可 能 础 到 子弹 A/ 子 弹 B 
或 者 射击 者 A/ 射 击 者 B， 只 要 开 到 其 中 任何 一 个 ， 就 不 再 左 移 。 同 时 ， 进 行 不 同情 况 的 处 理 : 当 
碰 到 子弹 A 时 ， 需 要 使 A 击 中 数 变量 增加 ， 当 碰 到 子弹 B 时 ， 需 要 使 B 击 中 数 变量 增加 ， 当 碰 到 射 
击 者 A 或 者 射击 者 B 中 的 任何 一 个 时 ， 游 戏 终止 。 此 外 ， 僵 尸 在 左 移 过 程 中 不 断 切换 造型 ， 实 现 
动画 效果 。 算 法 的 流程 图 如 图 3-30 所 示 。 


人 


® 


价 尸 角色 : 


PE 


ed 
e 一 


1 


碎 


Ne 


基于 计算 思维 的 Scratch 项 目 式 编程 


和 


人 编程 实现 


使 用 随机 数 作为 等 待 时 间 ， 可 以 使 得 克隆 
体 产 生 的 速度 有 快 有 慢 ， 用 户 看 到 的 是 多 个 克 
隆 体 出 现 。 另 外 ， 每 产生 一 个 克隆 体 ， 就 让 僵 
户 总 数 增 加 1， 可 以 统计 出 一 共 出 现 的 僵尸 数 
量 。 在 此 期 间 ， 僵 尸 本 体 一 直 隐 藏 ， 只 负责 克 
隆 ， 不 参与 整个 过 程 。 脚 本 如 图 3-31 所 示 。 


当 背景 切换 到 背 姑 2 
Es 


[EN 


图 3-31 不 定时 克隆 僵尸 


2 ) 僵尸 移动 

克隆 体 启动 时 ， 就 像 是 一 个 独立 角色 ， 可 以 设置 大 小 和 位 置 ， 此 处 大 小 为 30 ~ 80 间 的 随机 
数 ， 意 味 着 最 小 是 原来 的 0.3 倍 ， 最 大 不 超过 原来 的 0.8 倍 。x 坐 标 减少 ,僵尸 不 断 左 黎 ， 直 到 磁 
到 子弹 A 或 子弹 B 或 射击 者 A 或 射击 者 B， 重 复 终止 。 之 后 ,再 具体 分 情况 编程 增加 ， 最 终 ， 完 成 
使 命 后 就 删除 克隆 体 ， 释 放 内 存 空 间 ， 脚 本 如 图 3-32 所 示 。 
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pe 


在 《植物 大 战 僵尸 》 游 戏 中 ， 子 弹 跟随 射击 者 移动 ， 当 侦 测 到 空格 键 按 下 后 ， 开 始 发 射 子 
弹 ， 子 弹 重 复 向 右 移动 ， 移 动 过 程 中 只 要 磁 到 了 僵尸 或 者 舞台 边缘， 就 终止 移动 ， 隐 藏 ， 并 继续 
跟随 射击 者 移动 。 在 《双人 射击 比赛 》 游 戏 中 ,我 们 设计 了 子弹 A 和 和 子弹 B， 它 们 分 别 跟随 射击 
者 A 和 和 射击 者 B， 同 时 增加 了 调整 射击 者 方向 的 功能 ， 所 以 子弹 在 发 射 时 所 面向 的 方向 要 和 各 自 
的 射击 者 方向 一 致 

射击 者 移动 

1) 算法 分 析 

两 名 射击 者 出 现 后 ， 用 户 可 以 控制 其 上 移 、 下 移 以 及 方向 调整 。 射 击 者 A 的 移动 范围 是 舞台 
上 半 部 分 ， 控 制 键 是 : W 键 控制 上 移 ，S 键 控制 下 移 ，A 键 控制 子弹 左旋 ，B 键 控制 子弹 右 旋 。 同 
理 ， 射 击 者 B 的 移动 范围 是 舞台 下 半 部 分 ， 控 制 键 是 ， 上 移 键 控 制 上 移 ， 下 移 键 控制 下 移 ， 左 移 
键 控 制 左旋 ， 右 移 键 控制 右 旋 。 注 意 ， 对 于 射击 者 A 来 讲 ， 移 动 范围 是 舞台 上 半 部 分 ， 所 以 不 能 ! 八 > 
无 限制 地 下 移 ， 因 此 需要 在 按 下 S 键 准备 下 移 时 判断 当前 的 y 坐 标 是否 大 于 0， 如 果 大 于 0, 才 1 全 
可 以 下 移 ， 和 否则 提示 “越界 ”。 同 理 ， 对 于 射击 者 B 来 讲 ， 因 为 其 移动 范围 是 舞台 下 半 部 分 ， ! _。 
所 以 当 按 下 向 上 方向 键 ， 准 备 上 移 时 ， 需 要 判断 其 当前 的 y 坐 标 是 否 小 于 0， 如 果 小 于 0， 才 可 以 
上 移 。 该 算法 对 应 的 流程 图 如 图 3-33 所 示 。 
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(b) 射击 者 B 脚 本 
图 3-34 ”射击 者 脚本 


运行 程序 ， 按 键 来 控制 两 个 射击 者 ， 试 一 下 是 否 和 预想 的 结果 一 致 ， 或 者 是 否 有 新 的 问题 产 


2 ) 编程 实现 
射击 者 A 和 射击 
(a) 射击 者 A 脚 本 
3 ) 调试 程序 
生 ， 只 要 有 疑问 ， 都 不 要 放弃 或 向 避 ， 
的 再 理解 。 把 问题 一 个 一 个 解决 掉 ， 最 
相信 你 已 经 发 现 新 的 问题 了 : 射击 
子弹 发 射 完 ( 即 隐藏 ) 后 ， 再 让 其 面向 90° 
信 ， 可 以 使 用 广播 来 实现 。 这 部 分 修改 
@ 子弹 发 身 
1) 算法 分 析 


终 的 程序 才能 完美 运行 。 


正 是 因为 有 一 些小 问题 ， 才 更 能 加 深 我 们 对 程序 或 者 逻辑 


者 的 方向 调整 后 无 法 恢复 ,为 了 让 射击 者 能 在 发 射 完 子弹 


后 恢复 到 向 右 方向 ,需要 对 脚本 进行 修改 。 一 是 当 背 景 切换 到 背景 2 时 ， 让 其 面向 90° 
。 显 然 ， 这 里 需要 在 子弹 和 射击 者 两 个 角色 之 间 通 


后 的 脚本 在 子弹 发 射 部 分 显示 。 


， 一 旦 当 
; 一 丰 乙 


以 子弹 A 为 网 ， 当 背景 切换 到 尼 景 2 时 ， 子 弹 不 断 跟随 射击 者 A， 此 时 当 按 下 Q 键 时 ,子弹 
取得 此 时 射击 者 A 的 方向 ， 作 为 自己 的 移动 方向 。 在 移动 过 程 中 ， 如 果 碰 到 了 僵尸 或 者 是 舞台 
“A 恢 复方 向 ”， 当 射击 者 A 收 到 该 广播 时 ， 就 面向 90" 。 


边缘， 那么 子弹 隐藏 ， 并 且 发 送 广播 


对 应 的 流程 图 如 图 3-35 所 示 。 子 弹 B 脚 本 同 理 ， 把 其 d 


pb 的 “ 移 到 射击 者 A” 换 成 “ 移 到 射击 者 


B”， 按 键 q 换 成 按键 “空格 ”，“ 和 射击 者 A 朝 向 一 致 ” 换 成 “和 射击 者 B 朝 向 一 致 


送 广播 “B 恢 复方 向 ” 


和 


取 操 久 


项 目 3 双人 射击 比赛 


图 3-35 子弹 A 发 射流 程 图 

2 ) 编程 实现 

根据 子弹 A 发 射 的 流程 图 ， 对 应 的 程序 脚本 如 图 3-36 所 示 。 在 “面向 方向 ”指令 里 ， 先 用 
“ 侦 测 ”模块 下 的 “方向 对 于 射击 者 A” 指 令 取得 
了 当前 射击 者 A 的 方向 ,之 后 该 值 作为 子弹 A 面向 的 
方向 。 图 3-37 是 子弹 B 发 射 的 脚本 ， 以 及 射击 者 A 
和 射击 者 B 在 切换 到 背景 2 时 和 接收 到 广播 时 的 方向 
设置 。 

3 ) 调试 程序 

邀请 你 的 同伴 或 者 家 人 ， 一 起 来 运行 程序 ， 测 试 
一 下 子弹 能 否 发 射 ， 发 射 后 础 到 僵尸 时 ，A 击 中 数 和 
B 击 中 数 变量 是 否 改变 了 9 《可 以 把 这 两 个 变量 在 舞 
台 上 显示 出 来 ) 有 时 候 需 要 测试 多 遍 ， 才 可 能 发 现 问 


当 背 景 切 换 到 背景 2 


基于 计算 思维 的 Scratch 项 目 式 编程 


题 ， 加 油 ! 图 3-38 是 到 目前 为 止 游戏 的 界面 。 


图 3-38 游戏 界面 


@ 统计 结果 

1) 算法 分 析 

程序 终止 后 ， 裁 判 员 要 公布 比赛 结果 。 需 要 显示 并 比较 射击 者 A 和 射击 者 B 各 自 击 中 的 僵尸 
数量 ， 从 而 决 出 优胜 者 。 除 了 各 自 击 中 的 僵尸 数量 ， 还 可 以 把 游戏 中 一 共 出 现 的 僵尸 数量 、 两 名 


项 目 3 双人 和 市 比 容 才 


射击 者 一 共 击 中 的 僵尸 数量 显示 出 来 。 对 应 的 流程 图 如 图 3-39 所 示 。 


裁判 员 : 


图 3-39 ”统计 比赛 结果 


2) 编程 实现 


根据 算法 分 析 ， 将 统计 比赛 结果 的 脚本 封装 成 过 程 ， 名 
称 为 “比赛 结果 ”。 在 游戏 中 ， 什 么 时 候 需要 调用 该 过 程 来 


统计 比赛 结果 呢 9 显然 是 当 游戏 结束 的 时 候 。 根 据 前 期 项 


日 


总 体 设计 ， 该 游戏 在 两 种 情况 下 会 结束 ,一 是 僵尸 磁 到 了 射 
击 者 A 或 者 射击 者 B ， 二 是 当 倒 计时 结束 时 。 对 应 的 脚本 如 


图 3-40 所 示 。 
图 3-41 列 出 了 当 僵尸 磁 到 射击 者 时 ， 由 原来 的 “ 停 


全 部 ”指令 修改 为 了 “统计 结果 并 结束 ”。 当 僵尸 接收 到 该 
广播 时 ， 停 止 本 角色 的 其 他 脚本 ， 即 僵尸 不 再 克隆 ; 当 裁 判 


员 接 收 到 该 广播 时 ， 则 调用 “比赛 结果 ”过 程 ， 之 后 停止 全 


© 


Si 


Er 二 二 是 三 二 二 主干 二 二 站 丰 记 二 世 司 三 古 世 4 


物 


> 


基于 计算 思维 的 Scratch 项 目 式 编程 


运行 程序 ， 目 前 的 效果 是 : 当 子弹 税 到 僵尸 后 ， 击 中 的 分 数 在 改变 ， 但 是 子弹 并 不 隐藏 。 原 
是 脚本 执行 速度 不 一 样 ， 僵 尸 磺 到 子弹 后 ， 僵 尸 立刻 消失 ， 导 致 子弹 检测 时 却 检 测 不 到 磁 到 僵 
尸 ， 所 以 在 编程 时 可 以 让 僵尸 等 待 一 段 时 间 再 消失 ， 如 图 3-42 所 示 ， 让 克隆 体 删 除 之 前 等 待 0.5 
秒 ， 以 便 子 弹 能 检测 到 磁 到 僵尸。 


僵尸 在 晤 除 克隆 体 前 ， 稍 微 等 待 一 会 
儿 ， 确 保 子弹 能 检测 到 帮 到 管 尸 * 


图 3-41 ”调用 过 程 图 3-42 ”调整 等 待 时 间 ， 让 子弹 隐藏 


人 倒计时 功能 

1) 算法 分 析 

裁判 员 在 游戏 开始 前 ， 可 以 询问 玩家 设置 游戏 的 时 间 ， 可 以 以 “分 ”为 单位 ， 程 序 用 变量 记 
住 这 个 时 间 后 ， 将 其 转换 成 秒 数 。 然 后 使 用 “事件 ”模块 中 的 “ 当 计 时 器 大 于 1”， 来 让 计时 变 
量 每 次 减少 1 秒 。 等 到 计时 变量 值 为 0 时 ， 调 用 “统计 结果 ”过 程 ， 等 待 一 会 儿 就 停止 全 部 。 流 
程 图 如 图 3-43 所 示 。 


裁判 员 角色 : 


图 3-43 ”倒计时 功能 流程 图 


和 


项 目 3 双人 射击 比赛 


NT 


2) 编程 实现 
依据 该 流程 图 ， 给 裁判 添加 对 应 的 程序 脚本 如 图 3-44 所 示 。 注 意 ， 需 要 将 计时 器 及 时 
归 零 。 


将 ”倒计时 设 定 为 “倒计时 -@ 


将 背景 切换 为 背景 2 


图 3-44 ”倒计时 程序 脚本 


3 ) 调试 程序 
运行 程序 ， 把 “倒计时 ”变量 显示 在 舞台 上 ， 观 看 倒计时 变量 的 值 ， 该 值 是 否 是 每 秒 减少 一 
次 呢 ? 如 果 是 ， 则 说 明 倒 计时 功能 实现 。 再 仔细 观察 ， 有 没有 遇 到 新 的 问题 呢 9 是 不 是 倒计时 变 
量 的 值 在 背景 1 显示 的 时 候 就 开始 减少 了 呢 9 按照 程序 逻辑 ， 应 该 是 当 指令 “将 背景 切换 为 背景 
2” 时 开始 计时 。 
因此 需要 建立 一 个 标志 性 变量 一 “开始 计时 ”， 初 值 为 0， 在 裁判 员 宣布 比赛 开始 并 且 1 
景 切换 到 背景 2 时 ， 再 将 其 改变 为 1。 当 计时 器 事件 开始 时 ， 需 要 先 判断 “开始 计时 ”变量 的 
值 ， 如 果 是 1， 那 么 才 开始 进行 倒计时 。 程 序 脚本 如 图 3-45 所 示 。 


< _ 


一 一 一 一 一 一 同一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 人 


基于 计算 思维 的 Scratch 项 目 式 编程 


运行 程序 ， 观 察 这 个 问题 是 不 是 解决 了 。 在 编程 时 ， 经 常会 用 变量 来 标记 状态 ， 实 现 程序 


之 间 信 息 传递 的 功能 。 如 果 仔 细 观 察 会 发 现 ， 这 个 程序 还 是 有 


果 显 示 了 出 来 ， 原 因 在 哪里 呢 9 


1” 事 件 中 的 条 件 〈 倒 计时 =0 ) ， 因 此 调用 了 “比赛 结果 ”过 程 ， 所 以 ， 在 背景 切换 到 背景 


时 ， 将 指令 “将 倒计时 设 定 为 0” 
健壮 性 问题 ， 需 要 避免 玩家 倒 计 
下 吧 ! 


些 漏洞 ， 在 游戏 准备 阶段 就 把 结 
因为 倒计时 变量 初 值 设置 为 了 0， 恰 好 满足 了 “ 当 计时 器 大 于 


1 


删除 ， 让 倒计时 的 值 为 “回答 *60” 即 可 。 另 外 ， 考 虑 程序 的 


对 输入 为 0 或 不 输入 ， 可 以 在 程序 中 给 用 户 提示 ， 自 己 党 试 


到 现在 为 止 ， 程 序 的 主要 功能 都 实现 了 ， 但 还 需要 多 次 运行 程序 ， 查 找 其 中 不 完善 的 地 方 。 
测试 时 ， 为 了 节省 时 间 ， 可 以 把 比赛 时 间 设 置 得 少 一 些 ， 比 如 输入 0.5， 即 30 秒 。 
每 次 试 运行 程序 ， 都 会 发 现 这 样 那样 的 问题 ， 建 议 手 头 放 一 个 本 子 ， 及 时 记录 ， 以 免 忘 记 。 


比如 ， 倒 计时 结束 后 ， 在 裁判 员 显示 比赛 结果 的 时 候 ， 僵 尸 还 在 行进 ， 这 时 需要 给 僵尸 结束 行进 
的 条 件 中 增加 “判断 倒计时 时 间 是 否 为 0”。 再 如 ， 程 序 中 的 


等 ， 类 似 小 问题 都 需要 完善 。 
除 此 
裁判 鸽子 
特效 ， 如 
再 比 
我 们 在 迷 


然 ， 让 一 个 角色 有 开 和 关 的 效果 


之 外 ,为 了 增加 视觉 效果 ， 可 能 还 需要 补充 其 他 脚本 。 比 如 ， 


哪些 变量 该 显示 ， 哪 些 该 隐藏 ， 等 


在 宣布 比赛 开始 的 时 候 ， 可 以 展 访 并 逐渐 消失 ， 或 者 加 上 其 他 


图 3-46 所 示 。 


如 ， 还 可 以 为 游戏 增加 音效 ， 可 以 播放 和 关闭 音乐 。 还 记得 
宫 游 戏 中 只 实现 了 单 击 角色 关闭 音乐 的 功能 吗 ?如 果 想 再 次 单 
图 3-46 动画 及 虚像 消失 击 该 角色 又 响起 音乐 ， 可 以 运用 前 面 学习 到 的 知识 ， 你 能 否 实现 呢 9 显 


， 可 以 建立 一 个 标记 变量 来 判断 吗 ?我 们 尝试 一 下 。 从 角色 库 
里 添加 音箱 ， 将 原来 的 造型 命名 为 “ 开 ”， 再 复制 一 个 新 的 造型 ， 修 改 一 下 ,命名 为 “ 关 ”, 如 


“声音 控制 ”， 通 过 其 值 的 不 同 来 对 音乐 进行 开 和 关 。 


图 3-47 所 示 。 对 应 的 脚本 如 图 3-48 所 示 ， 这 里 建立 了 “播放 音乐 ”过 程 ， 建 立 了 标志 变量 一 一 


图 3-47 ” 开 和 关 造 型 图 3-48 音乐 开 和 关 脚 本 


把 程序 调试 好 后 ， 别 忘 了 到 官网 分 享 一 下 哆 ! 


3.5， 本 章 小 结 


在 这 个 项 目 中 ， 我 们 通过 《植物 大 战 僵尸》 游戏 ， 学 习 了 歇 辑 运算 中 的 
义 ， 实 现 了 僵尸 克隆 、 进 攻 以 及 发 射 子弹 的 功能 ， 学 习 了 程序 调试 的 方法 。 


项 目 3 双人 射击 比赛 


“ 非 、 与 、 或 ”的 合 
《双人 射击 比赛 》 游 


戏 的 功能 稍微 复杂 一 些 ， 两 个 玩家 在 各 自 按 键 的 控制 下 ， 击 中 僵尸 ， 统 计 各 
通过 这 两 个 游戏 的 制作 ， 你 的 编程 能 力 又 得 到 了 提升 ! 

与 射击 游戏 类 似 的 还 有 一 款 《 小 猫 钓鱼 》 游 戏 ， 小 猫 将 鱼 竿 对 准 鱼 的 方 
钩 磁 到 鱼 的 时 候 ， 得 分 就 增加 。 这 里 我 们 可 以 调整 鱼 竿 方向 《射击 方向 ) ， 
到 鱼 ， 从 而 改变 得 分 ， 等 等 。 这 个 游戏 中 的 关键 问题 是 : 如 何 抛 出 长 线 ? 鱼 


自 的 击 中 数量 。 相 信 


向 ， 抛 出 长 线 ， 当 鱼 
可 以 判断 鱼 钧 是 否 碰 
的 位 置 不 同 ， 离 鱼 秆 


的 位 置 不 同 ， 发 射 点 和 目标 点 之 间 的 距离 不 确定 ， 这 条 “ 线 ” 显 然 不 是 预先 


项 目 开始 ， 我 们 来 体验 这 一 奇妙 的 功能 吧 ! 


际 情 况 临 时 画 出 来 的 。Scratch 的 “画笔 ”模块 下 的 指令 可 以 帮助 我 们 绘制 各 种 图 形 。 从 下 一 个 


好 的 ， 而 是 根据 实 


~ 


项 目 4 涂鸦 世界 


4.1; 导入 项 目 : 小 猫 钓鱼 


大 家 听 过 《小 猫 钓鱼 》 的 故事 吗 9 故事 是 这 样 的 : 猫 妈妈 带 着 小 猫 在 河 边 钓鱼 。 一 只 晴 


昨 飞 来 了 ， 小 锤 看 见 了 ， 就 去 捉 晴 昨 。 晴 媳 《 走 了 ， 小 猫 空 着 手 回 到 河 边 ， 看 见 妈 妈 钩 到 


一 条 大 鱼 。 一 只 蝴蝶 飞 来 了 ， 小 猫 看 见 了 ， 又 去 捉 蝴 蝶 。 暗 蝶 飞 走 了 , 清 


\ 猫 还 是 空 着 


手 回 


党 
到 


河 边 ， 看 见 妈 妈 又 钓 着 了 一 条 大 鱼 。 小 猫 说 : “ 真 气 人 ! 我 怎么 一 条 小 鱼 也 钧 不 着 ?9 ” 猫 妈 
妈 看 了 看 小 猫 说 : “ 钩 鱼 就 钓鱼 ， 不 要 一 会 儿 捉 晴 晓 ， 一 会 儿 捉 蝴蝶 。 三 心 二 意 ， 人 怎么 能 多 


到 鱼 呢 ?9 
这 个 故事 告诉 我 们 : 做 事 要 专心 致 志 ， 不 能 三 心 二 意 ， 否 则 一 事 无 成 。 


@ 功能 描述 
间 : 任意 
: 河 边 
: 省 猫 
: 储备 食物 。 
经 过 : 小 \ 猫 在 岸 边 专 心 钓 鱼 ， 水 下 有 成 群 的 鱼 
儿 游 来 游 去 ， 这 些 鱼 儿 有 大 有 小 ， 各 种 种 类 ， 随 机 出 
现 。 小 猫 瞄 准 鱼 儿 后 ， 伸 长 鱼 第 。 
结果 : 当 鱼 竿 科 到 鱼 儿 后 ， 这 条 鱼 儿 消失 ， 分 数 
增加 ， 鱼 竿 收回 ， 继 续 钓 鱼 。 


1 

1 

1 

! 下 面 开 发 一 款 简单 《小 猫 钓鱼 》 游 戏 ， 游 戏 里 的 小 猫 可 是 在 专心 致 志 地 钓鱼 哆 ! 
rl 

1 

1 

1 


回 词性 分 析 


1) 找 名 词 和 动词 ， 确 定 角色 和 行为 


根据 功能 描述 ， 找 到 的 名 词 有 小 锤 、 岸 边 、 海 底 、 鱼 儿 、 鱼 秆 。 找 到 的 动词 有 : 
。 尝 试 为 这 些 动词 找 主 语 ， 比 如 ， 小 锤 钓鱼 、 瞄 准 ， 


游 去 、 瞄 准 、 伸 长 、 磺 到 、 收 
而 到 、 收 


口 


口 


， 鱼 儿 游 来 游 去 、 消 失 。 因 此 ， 


需要 作为 游戏 角色 的 是 小 猫 、 鱼 儿 、 鱼 第， 


都 需要 有 执行 的 动作 。 像 岸 边 、 海 底 等 ， 则 可 以 通过 背景 来 体现 。 


2 ) 找 数 据 和 关系 ， 确 定 变量 和 逻辑 


根据 功能 描述 ， 与 数据 有 关 的 是 : 成 群 、 有 大 有 小 、 随 机 、 分 数 ， 其 中 “分 数 ”需要 存储 ， 


数 增加 〉、 循 环 结构 (比如 ， 鱼 ) 
鱼 秆 辜 到 鱼 儿 后 ， 自 身 收回 ， 并 


口 


因此 建立 “分 数 ”变量 。 跟 逻辑 有 关 的 是 : 
[ 游 来 游 去 ; 鱼 竿 收回 后 ， 继 续 钓 鱼 ) 。 角 
这 条 鱼 儿 要 消失 。 所 以 ， 鱼 竿 和 鱼 儿 角 色 之 间 要 使 用 广播 。 


条 件 结构 〈 比 如 ， 如 果 鱼 竿 磁 到 鱼 儿 ， 鱼 儿 消失 ， 
色 之 间 的 关系 是 : 


根据 需求 分 析 的 结果 ， 可 以 利用 思维 导 图 工具 画 出 角色 行为 设计 图 ， 如 图 4-2 所 示 。 


从 库 里 添加 


造型 日 从 库 里 添加 
确定 初始 位 置 
行为 
确定 初始 方向 


造型 @ 添加 字母 ] 
确定 初始 位 置 和 方向 

行为 @ 按 下 左 移 键 和 右 移 键 可 以 调整 方向 
按 下 空格 键 ， 绘 制 鱼 竿 


造型 @ 从 库 里 添加 多 个 造型 


皮 寺 
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基于 计算 思维 的 Scratch 项 目 式 编程 


这 款 游戏 的 难点 在 于 如 何 让 鱼 午 伸 长 ， 以 便 鱼 钓 能 碰 到 鱼 儿 。 因 为 不 同 鱼 儿 离 小 猫 的 距离 及 


定 的 ， 所 以 鱼 竿 长度 不 可 能 预先 设置 好 ， 只 能 想 办 法 在 程序 中 动态 设置 。 为 此 找到 的 


pe 
党 

和 
图 


也 可 
可 以 
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法 是 : 使 用 “画笔 ”模块 下 的 指令 ， 在 鱼 钩 起 点 位 置 顺 着 发 射 方向 绘制 线段 即 可 。 


使 

画笔 的 指令 如 图 4-3 所 示 。 展 开 “ 画 笔 ” 模 块 ， 指 令 分 为 4 组 。 一 组 是 关键 指令 ， 和 我 
对 写字 一 样 ， 在 画 线 之 前 要 先 “落笔 ”， 之 后 角色 移动 时 就 会 将 其 运动 轨迹 画 出 来 如 果 绘 
， 就 “ 抬 笔 ”; 如 果 对 绘制 的 整个 内 容 不 满意 ， 可 以 “清空 ”; 当然 ， 如 果 希 望 能 绘制 多 
造型 ， 也 可 以 将 其 用 “图 章 ”复制 很 多 个 ， 就 像 在 纸 上 盖 印章 一 样 。 


四 调 


图 4-3 ”画笔 相关 指令 


其 他 3 组 指令 分 别 是 设置 画笔 的 颜色 、 亮 度 和 粗细 ， 可 以 设 定 为 具体 的 数值 《绝对 设置 ， 
以 在 现在 的 基础 上 增加 具体 的 数值 《相对 设置 ) ; 颜色 的 设 定 除了 可 以 设置 具体 数值 外 ， 也 
现场 取 颜 色 。 

习 

小 猫 沿 着 上 下 左右 4 个 方向 行走 ， 绘 制 出 其 运动 轨迹 。 参 考 脚本 如 图 4-4 所 示 。 


运行 程序 ， 只 要 让 角色 在 移动 之 前 “落笔 ”， 就 可 以 把 运动 过 程 描绘 出 来 。 下 面 就 来 编程 实 
现 《小 猫 钓鱼 》 中 鱼 午 变 长 的 功能 吧 。 


(@ 准备 角色 造型 

1) 修改 小 猫 造型 

打开 小 猫 造 型 的 绘图 编辑 器 ， 在 “ 手 ”的 位 置 绘制 一 条 线段 ， 相 当 于 手 里 全 十 国 和 
拿 着 鱼 秆 的 一 部 分 ， 目 的 是 和 后 面 的 鱼 钩 角色 对 接 。 在 绿 旗 单 击 事件 里 ， 确 定 “ 首 半 汪 过 
小 猫 的 起 始 位 置 和 面向 方向 ， 如 图 4-5 所 示 。 1. 准备 角色 造型 


> 
QO 
人 
图 4-5 ”小 猫 初始 化 ) 
. 


2 ) 绘制 鱼 钩 造 型 1 
字母 “J” 是 不 是 很 像 鱼 钩 呢 9 我 们 添加 角色 库 中 的 “J” 字 母 作为 角色 ， 将 其 造型 里 的 方向 ， 
旋转 到 朝 右 ， 单 击 绘图 编辑 器 右上 方 的 “+ ”， 将 造型 中 心 点 设置 在 字母 的 最 左 侧 。 为 什么 
将 “J” 字 母 的 初始 方向 设置 为 横向 朝 右 呢 ? 打开 Scratch 角 色 库 ， 会 发 现 所 有 造型 的 初始 朝向 默 
认 都 是 右 人 出 ， 再 看 每 个 角色 的 “动作 ”脚本 里 ， 默 认 方 向 面向 90” ， 也 是 朝 右 ， 这 样 可 以 保证 
指令 中 的 方向 与 实际 的 造型 方向 一 致 。 如 图 4-6 所 示 ， 面 向 90” 时 ， 小 猫 和 鱼 钩 均 朝 右 ， 当 面向 


120。 时 ， 两 者 都 朝向 右 下 方 。 
党 起 - 
起 - dS 


a ED Pe (120" ala) 


EE 
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6 鱼 钩 造 型 方向 设置 


吾 根据 舞台 上 小 \ 猫 的 位 置 ， 将 鱼 钩 拖 放 到 合适 的 位 置 后 ， 从 “动作 ”模块 下 把 此 时 的 “ 移 
到 x，y” 指 令 拖 到 脚本 区 ， 并 加 上 左 转 和 右 转 事件 ， 如 图 4-7 所 示 。 


图 4-7 ” 鱼 钩 初始 化 


人 @ 多 条 鱼 儿 随机 移动 

添加 一 个 鱼 儿 角 色 ， 并 且 给 鱼 儿 添加 多 个 洁 型 作为 多 样 种 类 。 如 何 编程 天。 国 移 世人 
现 多 只 鱼 儿 出 现 呢 9 与 项 目 3 中 的 《双人 射击 比赛 》 中 克隆 僵尸 一 样 ， 这 里 也 可 
以 克隆 鱼 儿 ， 并 让 克隆 体 随机 位 置 、 随 机 大 小 、 随 机 造型 出 现 和 移动 。 当 鱼 钩 ”着 芝 线 
础 到 鱼 儿 或 者 鱼 儿 克 隆 体 碰 到 鱼 钓 时 ， 鱼 儿 将 不 再 移动 ， 并 删除 克隆 体 ， 分 数 ”2. 印 儿 随机 移动 
增加 ， 参 考 脚本 如 图 4-8 所 示 。 


ek 30 ES 100 Bell es 


图 4-8 多 条 鱼 儿 随机 移动 


运行 程序 ， 看 是 否 有 多 条 大 小 不 一 、 种 类 多 样 的 鱼 儿 游 来 游 去 。 
全 鱼 竿 变 长 和 缩短 
调整 好 鱼 钩 的 方向 后 ， 当 按 下 空格 键 ， 就 让 鱼 钩 沿 着 设置 好 的 方向 移动 
〈 射 出 ) ， 并 使 用 画笔 绘制 其 运动 轨迹 。 在 鱼 钩 运动 的 过 程 中 ， 可 能 会 础 到 舞 5 
台 边 缘 或 者 磁 到 鱼 儿 ， 这 时 移动 都 停止 ， 并 且 收 回 鱼 午 ， 即 清空 男 笔 绘制 的 瘦 3 鱼 竺 变 长 和 缩短 


Se 


图 4-9 ” 鱼 竿 变 长 和 缩短 


运行 程序 ， 验 证 一 下 鱼 竿 能 否 绘制 出 来 呢 9 


测试 的 结果 是 : 鱼 竿 可 以 绘制 ， 当 鱼 钧 磁 到 舞台 边缘 时 ， 可 以 收回 
鱼 秆 。 但 如 果 税 到 鱼 儿 ， 鱼 钩 似乎 无 视 鱼 儿 的 存在 仍然 直达 舞台 边 


当 鱼 钩 菩 到 鱼 儿 或 边缘 的 时 候 ， 鱼 秆 能 收回 吗 9 


岗 此 | 


后 才 收 回 。 鱼 钩 明 明 碰 到 了 鱼 儿 却 为 什么 视而不见 呢 9 显然 ， 
个 问题 与 项 目 3《 双 人 射击 比赛 》 游 戏 中 的 子弹 菩 到 僵尸 不 消失 


类 似 ， 只 需要 让 鱼 儿 在 删除 克隆 体育 ， 稍 微 等 待 一 会 儿 ， 比 如 0.2 上 EULo22 相 | Ea 


秒 ， 让 鱼 多 能 检测 到 磁 到 鱼 儿 即 可 。 如 图 4-10 所 示 。 : 
在 《小 猫 钓 鱼 》 游 戏 中 ， 我 们 使 用 “画笔 ”来 绘制 鱼 年， 实现 图 4-10 鱼 [等 待 


师 除 本 克隆 人 待 一 会 儿 


了 鱼 竿 变 长 的 功能 。 实 际 上 ， 用 “画笔 ”工具 还 可 以 实现 更 多 的 功能 ， 比 如 ， 画 点 、 画 线 、 随 意 


涂 牧 等 ， 也 可 以 绘制 三 角形 、 正 方形 等 一 些 规则 


图 形 ， 还 可 以 绘制 一 些 经 典 的 数学 曲线 ， 甚 至 是 


绘制 五 彩花 末 …… 下 面 让 我 们 一 起 来 走 进 Scratch 的 画笔 世界 ! 


4.2， 绘制 点 和 线 


点 和 线 作 为 图 形 中 基本 的 元 素 ， 在 Scratch 中 如 何 编程 绘制 呢 ? 对 于 点 ， 只 需要 在 鼠标 按 下 
的 位 置 绘 制 即 可 ; 对 于 线段 ， 则 需要 记 住 起 点 和 终点 ， 在 两 点 之 间 画 线 。 绘 制 之 前 ， 可 以 先 设 定 


画笔 的 颜色 。 


基于 计算 思维 的 Scratch 项 目 式 编程 


@ 色相 环 


如 图 4-11 所 示 ， 是 从 网 络 下 载 的 色相 环 图 片 。 色 相 即 各 类 色彩 ， 奥 斯 特 瓦 尔 德 颜色 系统 包 


合 黄 、 樟 、 红 、 紫 、 蓝 、 蓝 绿 、 绿 、 黄 绿 8 个 主要 色相 ， 每 个 基本 色相 又 分 为 3 个 部 分 ， 组 成 24 


个 分 割 的 色相 环 。 当 然 ， 在 相 邻 的 颜色 之 间 还 可 以 有 更 多 混合 后 的 颜色 。 


图 4-11 24 色 相 环 


人 颜色 数值 范围 


颜色 的 取 值 范围 是 多 少 呢 ? 每 个 数值 都 代表 什么 颜色 


在 “画笔 ”模块 下 ， 可 以 通过 取 色 或 者 输入 数值 来 控制 画笔 的 颜色 。 如 果 输 入 数值 ， 那 么 其 


尼 ? 我 们 在 小 猫 钓鱼 程序 的 基础 上 ， 尝 试 先 


让 设置 颜色 指令 的 值 为 0， 发 现 此 时 绘制 的 鱼 午 是 红色 ; 修改 这 个 值 ， 绘 制 的 图 形 颜 色 会 有 所 不 


同 。 最 大 值 是 多 少 呢 ? 发 现 当 输入 190 以 上 时 ， 绘 制 的 鱼 竿 又 接近 于 红色 。 输 入 300、400 等 ， 依 


Sn ee ee ee em ee em me em ns 


Wp 


宙 照 24 色 环 ， 如 果 每 个 相 邻 磊 色 再 细 分 为 8 个 ，24 x 
8=192， Scratch 颜 色 是 不 是 遵照 这 个 规律 的 呢 9? 为 了 验证 这 个 
假设 ， 我 们 尝试 利用 颜色 指令 来 编程 绘制 色相 环 ， 绘 制 后 的 结 
果 如 图 4-12 所 示 。 观 察 两 幅 图 ， 可 以 得 出 结论 ，Scratch 中 对 于 
颜色 数值 的 约定 是 符合 24 色 相 规律 的 ， 具 体 是 : 最 小 值 为 0， 代 
表 红色 ， 最 大 值 为 191， 代 表 紫 色 系列 最 后 的 一 个 项 色 ， 接 近 于 
红色 。 

@@ 绘制 色相 环 

绘制 色相 环 脚本 如 图 4-13 所 示 。 


图 4-12 ”Scratch 绘 制 色相 环 


图 4-13 ”绘制 色相 环 脚本 


先 让 角色 方向 朝 上 ， 设 置 画笔 的 颜色 从 0 开始 ， 画 笔 大 小 设置 为 15〈 最 小 为 0， 最 大 为 
255 ) 。 然 后 开始 双 层 循环 ， 内 层 循环 重复 8 次 ， 每 次 落笔 ， 绘 制 1 步 距离 ， 向 右 旋转 角度 ， 下 
次 颜色 增加 1。 内 层 循 环 执行 完 后 ， 就 抬 笔 并 移动 10 步 后 ， 再 来 重复 外 层 的 第 二 次 循环 。 这 样 就 
会 绘制 24 个 小 段 的 缴 线 。 


是 360” ， 那 么 双 层 循环 后 ， 旋 转 的 指令 其 实 一 共 执行 了 24 x 8 次 ， 所 以 每 次 旋转 的 角度 就 是 | 
360/ (24x8) 。 | 
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基于 计算 思维 的 Scratch 项 目 式 编程 


@ 绘制 点 
从 角色 库 中 添加 一 个 “铅笔 ”角色 ， 设 置 其 造型 中 心 点 在 笔尖 处 ， 并 将 其 缩小 到 合适 的 大 


小 。 编 写 程序 ， 让 笔 跟随 鼠标 移动 ， 当 鼠标 按 下 的 时 候 就 绘制 出 点 。 这 里 需 让 笔 重复 跟随 鼠标 移 
动 ， 同 时 侦 测 妃 标 是 否 按 下 ， 如 果 按 下 ， 就 落笔 ， 否 则 抬 起 笔 。 肢 本 如 图 4-14 所 示 。 

运行 程序 ， 角 色 跟 随 鼠 标 移动 ， 当 按 下 鼠标 ， 就 会 在 当前 位 置 画 点 。 仔 细 观 察 ， 有 没 
有 新 的 问题 出 现 呢 9 比如 ， 当 单 击 绿 旗 时 ， 是 不 是 也 在 附近 绘制 了 一 个 点 呢 9 这 是 为 什 
么 呢 ? 因为 单 击 绿 旗 时 ， 我 们 按 下 了 鼠标 ， 程 序 认 为 符合 “下 移 鼠 标 ”， 所 以 就 绘制 了 
一 个 点 。 如 果 不 想 在 这 里 绘制 ， 那 可 以 添加 “等 待 1 秒 ”指令 ， 这 样 就 可 以 延缓 检测 “下 
移 鼠 标 ” 的 时 间 了 。 此 外 ， 还 可 以 设置 点 的 颜色 和 大 小 ， 如 图 4-15 所 示 。 


移 到 鼠标 指针 移 到 ， 景 标 指针 


如 果 ”下 移 刀 标 ? “ 那 
0 果 ”下 移 恨 标 ? 那 必 好 如 “下 移 忌 标 ? 那么 


图 4-14 ”绘制 点 图 4-15 ”绘制 点 的 颜色 和 大 小 


@) 随意 涂鸦 
当 单 击 鼠 标 时 ， 可 以 在 不 同位 置 绘制 圆 点 ; 当 拖 动 鼠 标 时 ， 是 不 是 可 以 画 出 鼠标 的 移动 轨迹 
呢 9 如 果 能 让 玩家 随时 设置 笔 的 粗细 和 颜色 ， 就 实现 了 简单 的 涂鸦 功能 。 

1) 设置 颜色 和 粗细 
建立 “颜色 ”和 “粗细 ”两 个 变量 ， 将 鼠标 指针 移动 到 舞台 的 变量 上 ， 右 击 ， 选 择 “ 滑 杆 ” 
方式 ,设置 最 小 值 和 最 大 值 后 ， 在 程序 中 就 可 以 拖 动 滑 杆 改变 数值 了 ， 如 图 4-16 所 示 。 男 笔 粗 
细 的 取 值 范围 是 1~255， 男 笔 颜色 的 取 值 范围 为 0 ~ 191， 因 此 ， 可 以 给 “粗细 ”和 “颜色 ”两 
个 变量 的 滑 杆 范围 分 别 设 置 为 1 ~ 255 和 0 ~ 191。 


和 


ls 


图 4-16 ”设置 变量 滑 杆 调整 方式 


在 编程 时 就 可 以 使 用 变量 来 设 


运行 程序 ， 切 换 到 全 屏 模 式 ， 按 下 鼠标 绘制 ， 
尽情 地 涂 黎 。 当 然 ， 这 个 程序 还 有 不 完美 的 地 方 ， 比 如 ,我们 本 来 想 去 调整 滑 村 的 “ 国 是 
数值 《 按 下 鼠标 ) ， 结 果 程 序 侦 测 到 此 时 按 下 了 鼠标 ,了 
为 了 解决 这 个 问题 ， 可 以 设置 等 待 时 间 延 缓 ， 或 者 可 以 限制 在 某 个 


Le 


如 果 ”鼠标 键 被 按 下 ? 那 必 


2) 设置 涂 牧区 域 
体 方法 为 : 把 鼠标 指针 移动 到 


画笔 的 颜色 和 粗细 ， 如 
或 者 改变 画 


图 4-17 所 示 。 
笔 的 粗细 和 闫 色 ， 可 以 


图 4-17 


是 在 此 处 画 出 了 点 。 同 理 
域内 鼠标 按 下 才 起 作用 。 


涂鸦 


bk 


5. 随意 涂鸦 


屏幕 左上 角 


滑 杆 右 侧 位 置 ， 


此 时 


显示 x 坐标 值 


> 


@ 


》 > 


和 


| 9 
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〈 比 如，-150) ， 同 理 ， 再 把 鼠标 指针 移动 到 滑 杆 下 方位 置 ， 观 察 此 时 的 y 坐 标 值 《 比 如 ， 
y 坐 标 值 小 于 106 时 ， 才 人 允许 绘制 图 形 。 鼠 标的 
x 坐 标 和 y 坐 标 在 “ 侦 测 ”模块 里 ， 修 改 后 的 部 分 脚本 如 图 4-18 所 示 。 


106 ) ， 也 就 是 说 ， 当 鼠标 x4 


^ 标 值 大 于 -150 并 


图 4-18 ”限定 在 某 个 区 域内 


打开 “绘制 点 ”的 文件 ， 复 制 铅笔 角色 ,产生 新 角色 ,将 角色 名 称 修改 为 “绘制 线段 ”， 可 


以 在 现 有 基础 上 修改 程序 。 


一 个 线段 有 起 点 和 终点 ， 第 一 次 单 击 鼠 标 时 的 位 置 是 线段 的 起 点 ， 在 另 一 个 位 置 再 单 击 
位 置 是 线段 的 终点 ， 画 笔会 在 两 点 之 间 绘 制 出 一 条 线段 。 那 么 ， 计 算 机 如 何 知道 单 击 鼠 标 时 是 起 


点 还 是 终点 呢 9 这 里 需要 定义 


a 


个 变量 : 次 数 ， 因 为 该 变量 只 需 在 绘制 线段 角色 中 使 用 ， 所 


议 为 局 部 变量 即 可 。 当 程序 开始 运行 时 ， 可 以 让 其 为 1。 当 侦 测 到 鼠标 键 被 按 下 且 该 值 为 1 


表示 此 时 是 起 点 ， 铅 笔 角色 跟随 鼠标 指针 ， 然 


最 量 值 为 2 时 ， 意 味 着 此 时 是 终点 ， 那 么 就 可 


制 出 一 条 线段 。 程 序 部 分 脚本 如 图 4-19 所 示 。 
运行 程序 ， 观 察 结果 : 第 一 次 单 击 鼠标 ， 笔 跟随 到 此 处 ， 在 另 一 个 位 置 单 击 后 ， 两 点 
制 了 一 条 线段 。 之 后 ， 再 单 击 ， 会 接着 绘制 线段 。 因 为 次 数 变 量 一 直 都 是 2， 所 以 一 直 都 落 


， 此 


制 。 如 果 希 望 绘制 一 条 线段 后 能 在 另 一 个 位 置 重 新 确定 起 点 和 终点 ， 就 需要 能 让 次 数 变量 
1， 因 此 ， 可 以 增加 “空格 按 下 ”事件 ， 抬 笔 ， 并 让 次 数 变量 设 定 为 1。 再 运行 一 下 程序 ， 


的 程序 是 不 是 接近 完美 了 呢 ? 


TY 


以 建 
时 ， 
后 将 次 数 设置 为 2; 当 侦 测 到 鼠标 键 被 按 下 上 且 次 数 
以 落笔 ， 从 起 点 位 置 滑行 到 此 时 的 坐标 位 置 ， 即 绘 
间 绘 
笔 绘 
器 到 
见 在 
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标 y: 忌 标 的 y 坐 标 


图 4-19 绘制 线段 部 分 脚本 


在 Scratch 的 “画笔 ”模块 中 ， 有 关 清 除 的 指令 只 有 一 个 ， 即 全 部 清空 。 但 如 果 想 实现 橡皮 1 

擦 功能 ， 即 清除 部 分 图 形 的 话 ， 可 以 通过 编程 来 实现 。 所 谓 橡 皮 擦 ， 其 实 本 身 也 是 在 绘制 涂 息 ， | 
只 不 过 涂鸦 的 颜色 和 背景 一 样 ， 所 以 看 起 来 起 到 了 擦 除 的 效果 。 ! 
人 算法 分 析 
添加 橡皮 擦 角色 ， 当 单 击 绿 旗 时 ， 角 色 在 起 始 位 置 。 当 角色 被 单 击 时 ， 跟 随 鼠 标 移 动 。 当 按 ! 

下 鼠标 时 ， 画 笔 闫 色 设 置 为 背景 色 ， 设 置 好 粗细 后 ， 落 笔 。 由 于 在 铅笔 角色 里 也 有 当 按 下 鼠标 时 ! 
落笔 ， 因 此 需要 建立 一 个 变量 来 将 这 两 种 情况 区 分 开 。 新 建 全 局 变量 “橡皮 ”， 初 值 设置 为 0。 
1 


当 鼠 标 按 下 并 且 该 变量 为 0 时 ， 让 铅笔 角色 来 绘制 ; 当 鼠 标 按 下 且 “ 橡 皮 ” 变 量 为 1 时 ， 让 橡皮 
角色 来 绘制 。 当 按 下 空格 键 时 ， 橡 皮 停 止 跟踪 ， 回 到 起 始 位 置 。 

外 ， 当 橡皮 角色 被 单 击 时 ， 发 送 广播 让 铅笔 隐藏 ， 此 时 看 到 的 只 有 橡皮 在 跟随 鼠标 移动 ; 
按 下 空格 键 后 取消 橡皮 跟踪 ， 发 送 广播 让 铅笔 显示 。 该 算法 对 应 的 流程 图 如 图 4-20 所 示 。 


图 4-20 ”橡皮 功能 流程 图 


人 编程 实现 
橡皮 角色 和 铅笔 角色 上 的 脚本 如 图 4-21 和 图 4-22 所 示 。 


图 4-21 ”橡皮 角色 上 的 程序 脚本 图 4-22 ”铅笔 角色 上 部 分 程序 脚本 


和 


\ 克 


将 舞台 切换 到 大 屏幕 模式 在 该 模式 下 拖 动 奶 标 能 很 容易 地 看 到 涂鸦 的 轨迹 〉， 运 行程 序 ， 


选择 合适 的 颜色 和 笔 的 粗细 后 ， 按 下 鼠标 并 拖 动 ， 开 始 涂 稳 。 松 开 鼠 标 ， 涂 鸦 结 束 。 当 单 击 橡 


擦 时 ,橡皮 擦 跟随 鼠标 移动 ， 按 下 鼠标 并 拖 动 ， 所 到 之 处 便 绘制 了 与 背景 相同 闫 色 的 线条 ， 起 到 


了 擦 除 的 作用 。 该 程序 角色 列表 和 运行 界面 如 图 4-23 所 示 。 


4.3， 绘制 数学 图 形 


所 


: 


图 4-23 ”角色 列表 与 界面 


Ceratch 


现实 生活 中 的 各 种 物品 ， 都 有 一 定 的 形状 ， 比 如 家 里 的 窗户 、 门 是 长 方形 的 ， 花 盆 顶 部 边 


缘 、 水 杯 边缘 都 是 圆 形 的 ， 金 字 塔 、 雨 平等 都 是 三 角形 结构 等 ， 相 信 你 还 能 六 
这 些 能 叫 得 上 名 字 的 图 形 在 数学 里 称 为 “规则 图 形 ” ， 即 有 
由 3 条 边 3 个 角 组 成 …… 除 了 规则 图 形 外 ， 把 没有 规律 的 图 


示 ， 你 能 区 分 出 哪些 是 规则 图 形 吗 ? 


出 很 多 的 例子 。 


规律 、 有 特征 的 图 形 。 比 如 ， 三 角形 
lB 称 为 “不 规则 图 形 ”。 如 图 4-24 所 


@ 


一 一 一 一 一 一 同一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 人 


基于 计算 思维 的 Scratch 项 目 式 编程 


显然 ， 前 3 个 图 形 是 规则 图 形 ， 分 别 是 正方 形 、 正 三 角形 和 正六 边 形 。 正 方形 的 特点 是 4 条 
边 长 相等 ，4 个 角 是 90。 ， 正 三 角形 和 正六 边 形 的 特点 你 能 归纳 出 来 吗 9 下面 ， 详 细 介 绍 典型 图 
形 的 绘制 方法 。 

@) 绘制 正三 角形 


可 以 先 在 纸 上 用 尺子 和 笔画 出 一 个 正三 角形 〈 等 边 三 角形 ) ， 

然后 用 鹿 刀 从 一 条 边 开 始 向 前 和 剪 ， 当 剪 完 一 条 边 后 ， 剪 刀 需 要 旋转 

一 个 角度 ， 改 变 方向 ， 继 续 向 前 移动 ; 同 理 ， 再 旋转 角度 ， 改 变 方 

向 ， 继 续 向 前 移动 。 思 考 : 剪刀 旋转 的 角 是 哪 一 个 9 是 三 角形 内 部 

的 角 〈 内 角 ) 还 是 外 部 的 角 〈 外 角 ) 呢 9 显然 是 外 角 ， 如 图 4-25 

图 4-25 ”剪刀 旋转 角 所 示 。 那 么 每 个 外 角 是 多 少 度 呢 ?9 

三 角形 的 内 角 之 和 是 180” ， 可 以 通过 实验 得 出 结论 ， 如 图 4-26 所 示 ， 剪 下 一 个 三 角形 的 3 

个 角 ， 将 它们 拼接 组 合 在 一 起 ， 就 形成 了 一 个 平角 ， 即 180”。 因 为 正三 角形 的 3 个 角 相 等 ， 所 

以 每 个 角 是 60”。 而 因为 内 角 和 相 邻 外 角 组 成 了 一 个 平角 ， 所 以 每 个 外 角 是 120”。 明 白 了 这 个 
计算 过 程 ， 其 实 就 理解 了 绘制 正三 角形 问题 的 算法 ， 脚 本 如 图 4-27 所 示 。 


图 4-26 三 角形 内 角 和 图 4-27 ”绘制 正三 角形 


和 


@) 绘制 正方 形 


四 边 形 是 由 两 个 三 角形 组 成 的 ， 因 此 其 内 角 和 一 共 


方 应 该 旋转 90” 。 绘 制 正方 形 的 脚本 如 图 4-28 所 示 。 


相等 ， 因 此 每 个 角 为 90” ， 所 以 每 个 外 角 也 是 180-90=90”。 如 果 


是 2 x 180=360。。 对 于 正方 形 ， 其 4 个 


图 4-28 ”绘制 正方 


人 @ 绘制 正 五 边 形 


形 


在 纸 上 画 出 一 个 五 边 形 ， 看 看 五 边 形 是 由 几 个 三 角形 组 成 的 。 如 


角形 组 成 ， 因 此 五 边 形 的 内 角 和 是 3x 180=540° 。 


E 五 边 形 的 5 个 角 


剪刀 去 剪 ， 在 拐 要 的 地 


图 4-29 所 示 ， 由 3 个 三 
相等 ， 因 此 每 个 内 角 是 


540/5=108。 ， 外 角 则 是 180-108=72。"。 。 绘 制 正 五 边 形 程序 部 分 脚本 如 


ED 


图 4-29 ”绘制 正 五 边 形 


重 夏 执行 全 次 
50 上 上 


图 4-29 所 示 。 


Bal 


@ 


PE 


基于 计算 思维 的 Scratch 项 目 式 编程 


@ 绘制 正 多 边 形 


根据 前 画 


的 学 习 ， 假 如 有 一 个 " 边 形 ， 你 能 算出 其 内 角 和 是 多 少 吗 9 是 


可 以 用 通用 公式 (n-2〉 x 180 来 表示 。 那 么 ， 如 果 该 " 边 形 是 正 " 边 形 ， 其 每 个 
内 角 是 多 少 度 呢 9 显然 是 : 〈n-2) x 180/n， 其 每 


个 外 角度 数 自然 就 是 ，180-《n-2) x180/m， 该 


为 ” 回 管 


图 4-30 绘制 正 多 边 形 和 圆 形 


区 


» 


6. 绘制 正 多 边 形 


ay 


运行 程序 ， 输 入 不 同 的 数值 ， 看 看 是 否 画 出 了 预想 的 图 形 。 大 
胆 尝 试 ， 将 边 数 设置 为 20 甚 至 更 大 的 数 ， 把 移动 的 步 数 适当 调 小 一 
点 ， 观 察 男 出 了 什么 图 形 。 是 不 是 接近 圆 形 呢 9 可 以 将 圆 形 近似 看 


作 正 多 边 形 ， 
方 的 圆 形 是 在 


边 数 越 多 ， 就 越 接 近 流畅 的 圆 形 。 如 图 4-31 所 示 ， 上 
边 长 为 20 步 的 情况 下 ， 绘 制 正 20 边 形 的 结果 ， 下 面 的 


是 绘制 正 


26 边 型 的 结果 ， 显 然 下 方 的 圆 形 边缘 更 圆滑 一 些 。 


@ 绘制 正 五 角 星 


公式 计算 的 结果 是 360/n。 也 就 是 说 ， 对 于 任何 一 个 多 边 形 ， 其 外 
的 总 和 都 是 360”。 因 为 假设 用 蔓 刀 沿 着 图 形 的 外 角 章 完 这 个 图 
形 的 话 ， 其 实 相 当 于 草 刀 旋转 了 一 周 ， 即 360” 。 因 此 ， 对 于 任何 
正 多 边 形 而 言 ， 其 每 个 外 角 的 度数 是 360/n。 总 结 出 了 这 一 规律 ， 
会 让 上 述 绘制 图 形 的 程序 变 得 更 简洁 更 通用 。 如 图 4-30 所 示 ， 通 过 
“询问 -回答 ”， 由 用 户 来 确定 绘制 正 多 边 形 的 边 数 。 


OO 
() 


图 4-31 ”两 种 圆 形 圆滑 度 比较 


正 五 角 星 该 如 何 绘制 呢 ? 可 以 从 五 角 星 到 五 边 形 入 手 去 分 析 角 


角 之 间 的 关系 ， 最 终 得 出 


所 示 。 


SR 


星 每 个 内 角 是 36”。 因 此 ， 每 个 外 角 是 180° -36° =144° ， 对 应 的 脚本 如 图 4-32 


除了 编程 绘制 各 种 规则 图 形 外 ， 还 可 以 绘制 各 种 数学 曲线 ， 例 如 1 


没关系 ， 只 要 找到 参数 方程 ， 


公式 ， 再 用 画笔 将 其 图 形 绘制 出 来 。 


(@ 绘制 正弦 曲线 


度 ”。 改 变 x 坐 标 和 角度 增加 的 幅 


在 Scratch 的 “运算 ” 模 
数 的 运算 结果 赋 给 纵 坐 标 y， 让 角度 x 从 0。 递增 到 360。 ， 同 
形 《〈 坐 标 系 背 景 可 以 从 背景 库 中 添加 ) 。 脚 本 如 图 4-33 所 示 ， 建 立 了 变量 “ 角 


《角度 ) 扩大 了 40 倍 ， 


的 是 让 绘制 的 图 形 高 


项 目 4 涂 牲 世界 


线 、 桃 心 形 曲线 等 。 这 些 曲 线 都 有 对 应 的 参数 方程 ， 所 以 ， 即 使 你 还 没 学 习 到 这 些 数 学 曲线 也 


再 结合 Scratch“ 运 算 ” 模 块 


E 余 弦 国 数 曲线 、 指 数 函 数 
的 数学 运算 符 ， 就 可 以 表达 其 数学 
块 下 ， 找 到 sin (x) 函数 ， 这 里 的 x 代表 0 ~ 360。 的 角度 值 ， 其 函 
时 让 x 坐 标 不 断 增加 。 观 察 绘制 的 图 
re 

度 ， 观 察 图 形 的 变化 。 这 里 将 y 坐 标 对 应 的 sin 间 

度 变 化 幅度 大 一 些 。 ts: 
7. 绘制 正弦 曲线 


En 


sg 


俯 


® 
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运行 程序 ， 尝 试 改变 x 坐标 、 角 度 的 增幅 ， 观 察 每 次 绘制 的 波形 图 有 什么 不 
同 。 总 体 来 说 ， 目 前 绘制 出 的 图 形 是 均匀 的 波形 图 。 如 果 想 绘制 出 不 规则 波形 
图 ， 该 怎么 做 呢 ? 显然 可 以 使 用 随机 数 让 波形 峰值 有 高 有 低 、 波 形 有 陡坡 和 组 EE 
坡 、 水 平 跨度 有 宽 有 罕 ， 等 等 。 8. 绘制 随机 路 线 


人 @ 绘制 随机 路 线 
在 有 些 游戏 〈 如 赛车 、 跳 跃 类 游戏 ) 中 ， 需 要 设置 不 同 的 路 线 ， 这 种 随机 路 线 的 产生 有 很 多 


如 
过 
评 


， 随机 路 线 ”是 一 种 最 轻便 最 灵活 的 方式 。 设 置 x 幅 度 、y 幅 度 、 角 度 变量 ， 通 过 随 
机 数 取 值 ， 最 终 绘 制 出 随机 路 线 ， 如 图 4-34〈1) 所 示 ， 程 序 脚本 如 图 4-34 2) 所 示 。 


部 
起 


2 


图 4-34(1) ”绘制 随机 波形 图 


和 


图 4-34 (2〉 ”绘制 随机 波形 图 程序 脚本 


运行 程序 ， 观 察 舞 人 台 上 绘制 出 来 的 路 线 效果 ， 是 不 是 每 次 效果 都 不 一 样 呢 ? 试想 : 有 一 只 
青蛙 ， 在 这 种 随机 路 面 上 跳跃 ， 路 面 能 不 断 地 自 右 向 左 移 动 ， 玩 家 可 以 控制 让 青蛙 跳跃 防止 硕 到 


和 


路 面 ， 这 样 一 款 游戏 是 不 是 很 好 玩 呢 9 在 项 目 7 的 7.2 节 中 就 实现 了 这 一 功能 。 
其 实 ， 用 Scratch 还 可 以 画 出 很 多 方程 对 应 的 曲线 ， 只 要 找到 对 应 的 方程 ， 求 得 x 坐 标 和 y 坐 
标的 值 ， 就 能 用 计算 机 图 形 来 表达 数学 方程 式 。 下 面 来 尝试 编程 绘制 出 桃 心 形 和 蝴蝶 形 曲线 。 

@ 给 制 桃 心 形 曲线 

1) 找 参数 方程 
在 百度 网 站 上 搜索 “ 桃 心 形 ”， 找 到 其 对 应 的 参数 方程 ， 方 程 中 表示 出 了 x 坐标 和 y 从 标的 对 
应 关系 。 其 中 的 t 代 表 角 度 ， 取 值 范 围 为 0 ~ 360。x 坐 标 方程 式 中 的 系数 16 代 表 画 出 的 桃 心 形 水 
平 宽度 ， 值 越 大 ， 桃 心 形 会 越 “ 昱 ”; y 坐 标 方程 中 的 系数 13 ， 代 表 桃 心 形 垂直 高 度 ， 值 越 大 ， 
桃 心 形 越 “ 高 ”。 可 以 改变 这 些 系数 来 比较 图 形 之 间 的 差异 。 

x=16* (sin (t) ) “3; 

y=13 *cos (t) -5*cos (2*t) -2*cos (3*t) -cos (4*t) 。 

2 ) 组 合 表达 式 

编程 绘制 数学 曲线 时 ， 关 键 是 把 参数 方程 用 Scratch 运 算 符 表达 出 来 。 首 先 ， 需 要 注意 运算 
的 优先 级 ， 即 先 算 什么 ， 再 算 什么 。 对 于 x 坐标 方程 式 ， 算 式 含义 是 : 先 将 sin 〈t) 进行 3 次 方 运 
算 ，Scratch 中 没有 指数 次 方 运算 ， 所 以 将 其 转化 成 ?个 sin《〈t) 相 乘 ， 最 后 再 和 16 相 乘 。 这 里 面 
用 到 了 3 个 乘法 运算 式 ， 表 达 式 组 合 过 程 如 图 4-35〈《1) 所 示 。 

y 坐 标的 方程 式 相对 复杂 一 些 ， 主 要 是 4 个 项 相 减 ， 因 此 需要 3 个 减法 运算 式 。 第 1 项 是 13 乘 
以 cos〈t) ， 第 2 项 是 5 乘 以 cos〈2*t) ， 第 3 项 是 2 乘 以 cos〈3*t) ， 第 4 项 是 cos〈4*t) ,表达 
式 组 合 过 程 如 图 4-35〈2) 所 示 。 


图 4-35〈1) ” 桃 心 形 曲线 x 坐标 表达 式 图 4-35 (2) ” 桃 心 形 曲 线 y 坐 标 表达 式 
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基于 计算 思维 的 Scratch 项 目 式 编程 


3) 编程 实现 
绘制 桃 心 形 曲 线 的 程序 


脚本 如 图 4-35〈3) 所 示 ， 该 程序 中 建立 了 t、x、y 


共 3 个 变量 ， 坡 量 表示 角度 ， 从 0 ~ 360” 变化 。x 和 y 分 别 代 表 横 坐标 和 纵 坐 标 。 


运行 这 段 程序 ， 发 现 舞台 上 绘制 了 一 个 桃 心 形 曲线 ， 但 是 有 些小 。 所 以 ，。 加 中 时 半 
可 以 对 程序 中 的 x 坐 标 和 y 坐 标 进 行 放大 处 理 ， 具 体 方法 是 ; 建立 新 的 变量 A， 
如 设置 为 10， 表 示 将 x 和 y 分 别 放大 了 10 倍 ， 再 运行 程序 ， 观 察 图 形变 化 。 根 据 需 要 将 A 设 置 为 不 
同 的 值 ， 再 观察 图 形 。 脚 本 如 图 4-35 (4) 所 示 。 由 于 篇 幅 所 限 ， 两 个 程序 长 图 中 的 x、y 坐 标 公 
式 均 不 完整 ， 完 整 公式 参考 图 4-35 (1) 和 图 4-35 (2) 。 


9. 绘制 一 个 桃 心 形 


图 4-35 (3) 


绘制 一 个 桃 心 形 曲线 图 4-35(4) ”绘制 一 个 大 的 桃 心 形 曲线 


运行 这 段 程序 ， 绘 制 的 是 一 个 桃 心 形 ， 如 图 4-36〈1) 所 示 。 如 果 想 绘制 多 个 大 小 不 一 的 桃 
心 形 ， 如 图 4-36〈2 ) 所 示 ， 则 需要 用 循环 。 可 以 建立 一 个 绘制 桃 心 形 的 过 程 ， 传 递 参数 A， 调 
用 一 次 过 程 就 绘制 一 个 桃 心 形 ， 重 复 多 次 ， 让 A 值 不 断 减 小 ， 画 笔 颜 色 改 变 ， 就 会 绘制 多 个 不 断 


缩小 的 桃 心 形 ， 程 序 脚本 如 


图 4-36《〈《3 ) 所 示 。 


图 4-36 (1 


和 


) 一 个 桃 心 形 图 4-36 (2) 多 个 桃 心 形 


项 目 4 涂鸦 世界 


Np 


图 4-36 (3) ”多 个 桃 心 形 曲线 脚本 


@ 给 制 贿 蝶 曲线 
蝴蝶 曲线 是 由 数学 家 坎 普 尔 ， 费 伊 发 现 的 曲线 ， 因 其 绘制 的 形状 酷似 蝴蝶 而 得 名 。 
1) 找 参数 方程 


如 图 4-37〈1) 所 示 ， 其 中 t 代 表 角 度 ， 取 值 范围 是 0 ~ 360。 


图 4-37 (1) ”蝴蝶 曲线 方程 


2 ) 组 合 表达 式 

观察 x 和 y 方 程式 ， 两 者 有 一 个 共同 项 ， 该 共同 项 乘 以 sin 〈t) 得 到 x， 
乘 以 cos《〈t) 得 到 y。 共 同 项 由 3 项 相 减 组 成 ， 第 1 项 是 e 的 指数 次 蝴 运 算 ， ET 
底数 是 e， 指 数 是 cos《〈t) ; 第 2 项 是 2 乘 以 cos〈4t) ; 第 3 项 首先 是 将 t 除 以 。 名 听 中 滞 
12 作 为 sin〈 ) 的 参数 ， 再 求 其 5 次 方 , 即 5 个 sin 〈t/12 ) 连续 相 乘 。 该 共同 10. 蝴 蛇 曲线 表达 式 
项 表达 式 组 合 的 过 程 如 图 4-37《〈2 ) 所 示 。 
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图 4-37 (2〉 ”共同 项 表达 式 组 合 过 程 


3) 编程 实现 


编程 时 可 以 用 变量 "代表 共同 项 ， 然 后 通过 r 给 变量 x 和 y 赋 值 。 程 序 脚本 如 图 4-37 (3) 所 
示 。 其 中 "变量 取 值 的 完整 公式 见 图 4-37《〈4 ) 所 示 。 为 绘制 单个 蝴蝶 曲线 建立 了 过 程 ， 重 复 调 


为 递增 或 递减 ， 也 可 以 随机 选择 。 


图 4-37 (3) 


绘制 蝴蝶 曲线 


用 该 过 程 ， 并 传递 不 断 减 小 的 A 值 ， 使 得 绘制 出 来 的 蝴蝶 曲线 逐渐 缩小 ， 同 时 画笔 颜色 可 以 设置 


国光 


项 目 4 涂 牲 世界 


pg 


绘制 的 结果 如 图 4-37〈5) 所 示 。 如 果 把 程序 中 的 x 取 值 换 成 A*r*sin(t) 、y 取 值 换 成 
A*r*cos《t) ， 那 么 得 到 的 蝴蝶 形状 便 旋转 了 90” ， 如 图 4-37〈6 ) 所 示 。 


图 4-37 (5) 五 彩 贿 蝶 曲线 图 4-37 (6) 五 彩 蝴蝶 曲线 旋转 90? 


同 理 ， 如 果 想 绘制 其 他 数学 图 形 ， 也 需要 先 找到 其 对 应 的 参数 方程 ， 然 后 用 Scratch 的 运算 
符 将 其 组 合成 对 应 的 表达 式 ， 给 x 坐 标 和 y 坐 标 赋值 ， 最 后 再 看 看 方程 中 变化 的 参数 是 哪 一 个 ， 程 
序 中 让 其 不 断 地 改变 数值 ， 最 终 就 可 以 绘制 出 数学 曲线 。 


4.4; 绘制 五 彩花 及 


还 可 以 用 Scratch 编 程 绘制 出 漂亮 的 花 人 打 ， 如 图 4-38 所 示 。 这 样 的 花 打 是 如 何 编程 实现 的 
呢 ? 仔细 分 析 ， 花 采 其 实 是 由 多 个 花 斩 组 成 的 ， 我 们 先 来 学 习 如 何 绘制 一 个 人 花 疫 。 
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图 4-38 花朵 样式 


花 六 是 由 两 条 对 称 曲 线 组 成 ， 花 女 两 端 夹 角 代表 其 修长 或 是 圆润 。 试 想 拿 一 把 剪刀 ， 从 纸 上 
把 这 个 花 娘 剪 下 来 ， 需 要 哪些 步骤 呢 9 比如 ， 从 花 轨 下 面 的 曲线 开始 ， 首 先前 刀 放 在 起 点 ， 方 向 
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基于 计算 思维 的 Scratch 项 


线 的 切线 方 


重复 刚才 的 动作 ， 直 到 


@] 


到 起 点 ， 一 个 花瓣 就 绘制 成 功 了 。 


图 4-39 所 示 , 小 猫 起 初 面 


到 达 对 


向 90° 方向 〈《 朝 右 ) ， 假 设 每 次 向 左旋 转 15” ， 


EE 


向 ， 齐 刀 一 边 左旋 一 边 移 动 ， 到 达 弧 的 终点 时 ， 再 旋转 ， 然 后 依然 是 边 左旋 


看 复 8 次 后 ， 


向 恰好 相反 ， 继 续 重 复 8 次 左旋 ， 最 后 到 达 起 点 。 


3. 小 猫 继续 左旋 2. 每 次 旋转 15* ，8 次 后 ， 
180° -120° =60°, 和 起 初 方向 夹 角 为 120* 
和 起 初 方向 相反 


< 


4. 小 猫 返回 


1. 小 猫 起 初 面向 90” 方 向 


图 4-39 绘制 一 个 花 拇 


本 ， 一 共 旋转 了 120” ; 然后 向 左旋 转 180° -120° =60° 后 ， 此 时 方向 是 朝 左 ， 与 起 始 方 


运行 程序 ， 看 是 否 能 够 绘制 一 个 花 铁 。 从 绘制 过 程 看 ， 关 键 是 在 第 2 步 和 第 3 步 ， 找 出 小 猫 


从 起 始 位 置 到 达 花 听 另 一 端 时 究竟 旋转 多 少 度 ， 还 需要 旋转 多 少 度 才能 与 起 初 方 向 相 


@ 绘制 花 示 


一 个 花朵 由 几 个 花 斩 组 成 呢 9 可 以 自己 设 定 。 显 然 ， 不 同 的 花瓣 数 决定 着 花 斩 与 花 六 之 间 耦 


合 的 紧密 度 。 以 图 4-40 为 例 ， 当 绘制 完 120” 夹 角 的 


人 花 办 后 ， 小 猫 返回 时 面向 右 下 方 。 当 要 绘制 


第 二 个 花 娘 时 ， 需 要 通过 计算 来 确定 小 猫 要 旋转 的 角 
1 ) 旋转 角度 分 析 
比如 ,如果 花灯 


4 个 花瓣 组 成 ， 那 么 每 两 个 每 花 


度 ， 即 下 一 个 花瓣 的 起 始 方向 。 


瓣 绘 制 的 起 始 方向 夹 角 应 该 是 360/4=90° ， 


所 以 ， 小 猫 在 绘制 完 第 


《如 果 人 花 半 来 角 是 120” ) ， 
3 个 花 听 组成， 那么 绘 币 


花灯 由 


个 花 洲 
到 


0 


后 需要 先 按 照 原来 的 方向 《如 向 左 ) 旋转 180° -120° =60° 
原来 的 起 始 方向 之 后 再 左 转 或 右 转 360" /4=90° ; 同 理 ， 


如 果 


上 完 一 个 花 六 后 ， 需 要 先 按 照 原来 的 方向 


《如 向 左 ) 旋转 180° - 


120° =60° 《如 果 花 啦 夹 
绘制 第 二 个 花 加 


是 120" ) ， 


口 


到 起 始 方向 ， 


后 


理解 了 这 个 规律 后 ， 
办 的 夹 


次 循环 后 ,小 猫 
由 7 个 花 
以 ， 在 画 另 一 个 花 疮 时 ， 


口 


的 起 始 方向 夹 


360"/3=120, 左 转 120"。 | 
人 ! 


2) 编程 实现 


为 m 度 。 如 果 起 始 面向 90° [1 
mm/10 次 ， 小 猫 到 达 花 六 另 一 端 2 
到 起 点 


引 若 花 采 由 3 个 花瓣 
组 成 ， 那 么 两 个 花 斩 有 


就 可 以 


变量 来 构建 通用 表达 式 。 比 如 ， 花 末 
， 每 次 旋转 幅度 y 为 10° ， 


左 转 或 右 转 360° /3=120。， 继 续 


由 7n 个 花 勿 组 成 ， 每 个 花 
那么 画 完 花瓣 的 一 个 边 需要 循环 


， 此 时 小 猫 需 要 旋转 180-m 


度 ， 重 复 画 花 办 的 第 二 条 边 ， 即 第 


3 


性 组 成 ， 那 么 夹 角 为 360°/n ， 如 n=4， 则 分 析 过 程 为 
直接 左旋 或 右 旋 360°/n 即 可 。 


0 


4] 若 花 条 由 4 个 花 斩 组成， 那么 两 个 花瓣 
绘制 的 起 始 方向 夹 角 为 360"/4=90"， 所 以 
小 猫 左 转 90”。 

4 2 


角 为 <! 


180-m 


图 4-40 ”绘制 一 个 花 铂 的 过 程 


程序 如 图 4-41 所 示 ， 


询问 画 几 个 花 办 时 ,把 “ 


， 并 旋转 180-m 度 后 ， 方 向 又 回 到 起 始 方向 ， 即 朝 右 。 如 果 花 采 


4 


。 若 n=3， 则 分 析 过 程 为 


5 


。 所 


建立 了 两 个 过 程 : 一 个 是 画 花瓣 ， 一 个 是 画 花 打 《〈 带 参数 ) ， 
答 ” 的 结果 作为 参数 传 给 了 画 花 采 函数 中 的 “ 花 轩 数量 ”。 


绘制 第 1 个 花瓣 起 始 方向 (面向 90° ) 


3 引 第 1 个 花 辩 绘 制 完 后 左 转 回 到 初始 位 置 


当 系 统 
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记 问 EEEEZTZ3 并 等 和 


将 花 测 夹 第 m 设 定 关 
上 a 量 区 打出 几 个 契 窜 组 忒 ? 节庆 者 


Er 


图 4-41 绘制 花 打 


如 果 想 绘制 多 个 大 小 不 一 的 花 人 打 ， 可 以 建立 “ 步 长 ”变量 ， 让 该 变量 不 断 减 小 ， 直 到 为 0， 
即 到 了 花心 位 置 ， 绘 制 完 成 。 对 应 的 脚本 如 图 4-42 所 示 ，“ 男 花 轨 ”过 程 的 移动 步 数 指令 里 增 
加 了 “ 步 长 ”变量 ，“ 画 花 杀 ”过 程 中 的 指令 不 变 ， 在 调用 过 程 “ 画 花头 ”时 ， 增 加 了 重复 执 
行 ， 直 到 步 长 为 0， 在 重复 步骤 中 ,将 步 长 增加 -1。 


区间 并 等 竺 
往 钙 mrm 答 


加 | 则 是 蔡 休 击 几 个 花 海 组 式 ? 


图 4-42 ”绘制 五 彩花 休 


设置 不 同 的 花 轴 来 角 、 花 瓣 数量 、 线 的 粗细 和 颜色 等 ， 运 行程 序 ， 观 察 舞 人 台 上 绘制 出 来 的 各 
种 花 杂 ， 是 不 是 很 有 成 就 感 呢 ? 加油! 


Se 


Np 


将 小 猫 的 造型 中 心 点 移 到 左下 角 ， 编写 脚本 如 图 4-44 所 示 ， 运 行程 序 ， 
舞台 上 出 现 了 几 只 小 猫 ? 这 些小 猎 是 不 是 围绕 成 了 一 个 圆 形 呢 ? 如 果 把 小 猫 


网 


，“ 图 章 ” 指 令 的 功能 


强大 。 它 可 以 把 任何 造型 图 案 在 舞 


人 台 上 复制 出 


2240 上 40 fli hl 


-160 E160 


图 4-43 ”在 随机 位 置 使 用 “图 章 ” 


换 成 花 狼 ， 将 花 听 中 心 点 也 调整 到 下 方 ， 是 不 


呢 ? 还 可 以 使 用 其 他 造型 ， 使 用 “图 章 ” 绘 制 出 


是 也 可 以 绘制 出 漂亮 的 花 打 
更 奇妙 的 图 案 。 


@ 保存 花 采 
如 果 希 望 把 绘制 的 


图 4-44 ”使 用 图 章 绘制 花 打 


抠 图 ,最 
所 示 。 


后 将 无 背景 图 


的 花朵 保存 下 来 ， 将 其 提 


图 形 保存 下 来 ， 可 以 把 鼠 
of stage 命 令 把 舞台 图 片 保存 下 来 ， 默 认 的 文件 名 是 stage.png。 可 以 


标 指针 移动 到 舞台 上 ， 右 吉 


色 上 编写 脚本 ， 可 以 在 随机 位 置 上 复制 无 数 个 小 独 造 型 。 


12. 用 图 章 绘制 花 采 


5 ， 选 择 save picture 


用 Photoshop 软 件 打 


f， 对 其 


入 到 Word 或 者 PowerPoint 中 使 


有 ， 如 


图 4-45 
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图 4-45 ”处 理 和 保存 花灯 


4.5， 本章 小 结 


在 玩 过 的 游戏 中 ， 经 常 有 跳跃 类 游戏 ， 比 如 ， 青 蛙 蹦 蹦跳 、 跳 跃 的 篮球 等 。 如 图 4-46 所 
示 。 角 色 可 以 起 跳 、 下 落 ， 玩 家 控制 角色 跳 起 不 础 到 地 面 。 为 了 有 逼真 的 效果 ， 通 常会 让 路 面 埃 
右 滚动 ， 这 有 多 种 实现 方法 ， 其 中 之 一 就 是 用 画笔 绘制 动态 变化 的 路 面 。 在 项 目 5 中 ， 我 们 将 学 
习 跳 跃 功能 的 实现 ， 在 项 目 6 中 学 习 路 面 滚动 功能 的 实现 ， 在 项 目 7 的 7.2 节 将 实现 动态 路 径 的 水 
平移 动 ， 让 我 们 继续 努力 吧 ! 


图 4-46 ”随机 曲线 的 扩展 应 用 


TT 


项 目 ? ”跳跃 的 小 乌 


跳跃 原理 及 实现 


在 项 目 3 中 我 们 完成 了 《双人 射击 比赛 》 游 戏 ， 当 射击 者 对 准 僵尸 后 ， 单 击 空格 键 发 射 子 
弹 ， 2 沿 着 直线 一 直 移 动 ， 当 磁 到 僵 己 后 ， 得 分 增加 。 如 果 把 这 个 过 程 放 在 真实 世界 里 ， 想 
想 ， 子弹 会 严格 沿 着 直线 移动 吗 ? 为 什么 呢 ? 
是 的 ， 因 为 重力 ， 物 体 在 向 前 运动 的 同时 还 要 向 垂直 方向 下 落 。 就 像 投 气 飞 镖 ， 为 了 让 飞镖 
投掷 到 目标 ， 投 扼 时 的 起 点 方向 通常 略微 向 上 抬 起 一 些 ， 所 以 ， 飞 镖 经 过 的 是 两 点 连 线 上 方 的 抛 
物 线 轨 迹 。 如 图 5- 1 所 示 。 


目标 


图 5-1 投掷 飞镖 


中 


在 游戏 作品 中 ， 经 常会 有 跳跃 动作 ， 比 如 ，《 跳 跃 的 小 鸟 》 游 戏 中 小 鸟 在 
并 跳跃 、《 超 级 玛丽 》 游 戏 中 小 猫 在 草地 上 跳跃 ， 这 些 动作 使 得 游戏 真实 而 有 
所 示 。 


由 
话 


p 穿 梭 


当 | 
网 
a 
DL 
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入 
面 二 ns 


@ 上 路 


物体 跳 起 时 ， han 
， 物 体 上 升 的 速度 会 越 来 越 慢 ， 
图 5-3 所 示 ， ea 左 图 代表 物体 原 地 跳跃 ， 右 


下 ,与 物体 运动 方向 相反 


人 落下 


示 ， 就 像 行驶 的 汽车 ， 当 踩 下 油门 


图 5-2 ”典型 游戏 


速度 ， 这 个 速度 使 得 物体 能 


在 现实 世界 中 ， 物 体 的 跳 路 过程 可 以 分 解 为 上 跳 和 落下 两 个 过 程 ， 直 到 停止 。 


向 上 升 。 但 由 于 重力 原 


《 


直到 到 达 最 高 点 ， 此 时 速 
图 代表 物体 跳跃 时 继续 前 行 。 


后 ， 车 速 会 越 来 越 快 。 


所 以 下 落 的 速度 会 


Y 
上 
+ 


< 
a 


@ 弹 起 


图 5-3 上 跳 、 落 下 


物体 落下 磁 到 地 面 后 ， 由 于 还 有 一 定 的 速度 ， 所 以 通常 还 和 


能 继续 弹 起 ， 达 到 一 


人 关 ) 后 ， 


Ne 


力 向 


度 为 0， 如 


当 物 体 上 跳 速 度 为 0 时 ， 即 到 达 最 高 点 ， 此 时 要 做 的 是 自由 落体 运动 ， 即 由 于 重力 作用 ， 物 


体 开始 下 落 ( 此 时 物体 运动 方向 和 重力 方向 一 致 〉， 越 来 越 快 。 如 图 5-3 所 


高 度 〈 这 与 
再 落下 ， 反 复 几 次 后 ， ee 


项 目 5 ”跳跃 的 Sq 


二 x 
也 
< a a — 


图 5-4 ”物体 持续 弹 起 落下 ， 直 到 停止 
由 此 可 见 ， 在 真实 世界 中 ， 物 体 原 地 跳跃 的 过 程 可 以 分 解 为 上 跳 、 落 下 ， 前 行 跳跃 的 过 程 可 
以 分 解 为 上 跳 、 前 行 、 落 下 。 这 些 是 后 面 开 发 跳跃 类 游戏 时 的 理论 基础 。 


如 何 编程 实现 跳跃 的 动作 呢 ? 通常 会 建立 两 个 过 程 : 一 个 叫 “ 起 跳 ”， 该 过 程 负责 确定 初始 
速度 ， 另 一 个 可 以 叫 “ 重 力 运动 ” ， 该 过 程 负责 改变 y 坐 标的 值 。 同 时 ， 需 要 建立 3 个 变量 ， 分 别 
是 起 跳 速 度 、 运 行 速度 和 重力 值 。 

@ 起 跳 

起 跳 的 过 程 用 文字 描述 为 : 首先 给 “起 跳 速 度 ”变量 赋 初 值 ， 该 值 在 程序 运行 过 程 中 保持 不 
变 ， 然 后 将 角色 的 运行 速度 初始 值 设 置 为 起 跳 速 度 。 

四 重力 运动 

物体 初始 运行 速度 为 起 跳 速 度 V。( 如 20) ， 在 向 上 跳 起 阶段 ， 运 动 方向 《 朝 上 ) 和 重力 
方向 〈 朝 下 ) 相反 ， 所 以 运行 速度 V 不 断 减 小 。 物 体 的 运行 速度 V 越 来 越 小 ， 直 到 为 0 或 者 小 
于 0; 当 运 行 速度 小 于 或 等 于 0 之 后 就 开始 下 落 ， 此 时 物体 的 运行 方向 (向 下 〉 和 重力 方向 (向 
下 ) 一 致 ， 所 以 速度 越 来 越 快 。 在 程序 里 ， 把 重力 值 G 设 置 为 负数 〈 如 -3 ) ， 当 前 运行 速度 V 表 
示 为 : 运行 速度 + 重力 值 ， 即 V=V+G; 当前 y 坐标 的 值 Y 表 示 为 : y 坐标 + 运行 速度 ， 即 Y=Y+V。 
当 角 色 的 运行 速度 大 于 0 时 ，y 坐标 不 断 增加 ， 表 现 为 角色 不 断 上 升 ， 当 运行 速度 小 于 0 时 ， 
y 坐标 不 断 减 小 ， 表 现 为 角色 不 断 落下 。 比 如 ， 重 力 值 为 -3， 起 跳 速度 为 20， 
那么 角色 运行 速度 的 变化 为 20，17，14，11，8，5，2， 虽 然 运 行 速度 在 不 断 二 辣 3 
减少 ,但 仍然 为 正 数 ， 所 以 此 阶段 为 上 跳 阶段 ;此 后 ， 运 行 速度 会 变 为 -1， 下 苹 引 
-4，-7，-10…… 此 阶段 为 下 落 阶段 。 1. 跳跃 过 程 实现 


绰 


< 


@ 


3 
PE 


> 


人 
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ep 


如 图 5-5 所 示 ， 该 程序 中 建立 了 


“重力 值 、 起 跳 速度 、 运 行 速度 ”3 个 变量 ， 


并 赋予 了 初 


值 。 按 下 空格 键 ， 角 色 从 起 跳 速 度 20 开 始 ， 调 用 过 程 “ 重 力 运动 ”， 让 y 坐 标 改变 ， 


运行 速度 减 


少 ， 多 次 重复 ， 角 色 上 跳 后 又 不 断 下 落 。 为 了 不 让 角色 落下 ， 可 以 不 断 地 按 下 空格 键 让 角色 重新 


跳 起 ， 即 让 运行 速度 重 置 为 起 跳 速度 。 


和 


图 5-5 ”跳跃 过 程 脚本 


为 了 增加 游戏 的 趣味 性 ， 继 续 增 加 两 个 角色 ， 分 别 
是 : 健康 食品 和 垃圾 食品 ， 并 给 每 个 角色 添加 不 同 的 造 
型 。 这 两 个 角色 自 右 向 左 重复 移动 ， 当 小 狮 磁 到 垃圾 食品 
时 ， 减 少 1 分 ， 当 磁 到 健康 食品 时 ， 增 加 5 分 。 垃 圾 食品 
或 健康 食品 在 碰 到 小 猫 时 ， 或 者 它们 接近 左 侧 边缘 时 (x 


坐标 <-230 ) 会 隐藏 起 来 ， 等 待 随机 时 间 后 ， 并 重新 出 现 


在 屏幕 右 侧 初始 位 置 ， 又 开始 移动 ， 如 图 5-6 所 示 的 是 健 


康 食品 的 脚本 ,垃圾 食品 脚本 与 其 类 似 ， 只 是 分 数 减 1。 


这 个 游戏 本 身 歇 辑 简 单 ， 但 玩家 需要 精力 高 度 集中 ， 


既 需 要 让 小 猎 不 落地 ， 又 需要 有 选择 地 吃 到 食物 ， 是 不 


是 可 玩 性 还 不 错 呢 9 舞台 效果 和 角色 列表 如 


图 5-7 所 示 。 


项 目 5 ”跳跃 的 小 乌 


5.2: 《跳跃 的 小 鸟 》 分 析 与 设计 


2013 年 5 月 在 苹果 App Store 上 线 了 一 款 手机 游戏 叫 Flappy Bird， 玩 家 控制 一 只 小 鸟 ， 跨 越 
由 各 种 不 同 长 度 的 水 管 所 组 成 的 障碍 。 这 款 游戏 尽管 没有 精细 的 动画 效果 以 及 有 趣 的 游戏 规则 ， 
但 当时 的 下 载 量 突破 5000 万 次 。 我 们 试 着 在 Scratch 中 来 实现 这 个 小 游戏 。 

将 5.1 节 的 文件 复制 ， 重 命名 为 “跳跃 的 小 岛 ”， 将 小 猫 造型 换 成 岛 的 造型 。 当 没有 按 下 任 
意 键 时 ， 小 鸟 由 于 重力 原因 快速 落下 ， 落 地 后 游戏 将 结束 ; 为 了 让 小 岛 不 落下 ， 玩 家 需要 按 下 空 
格 键 让 其 上 升 ， 但 也 不 能 无 限 上 升 ， 一 旦 磁 到 水 管 ， 游 戏 终止 。 因 此 ， 玩 家 需要 小 心 控 制 空 格 键 
让 小 岛 在 穿越 中 不 磁 到 水 管 。 


5.2.1 需求 分 析 


@ 功能 描述 
时 间 : 任 
地 点 : 

和 人物 : 省 
起 因 : 穿越 水 管 缝 险 ， 练 习 飞 翔 技能 。 


经 过 : 小 鸟 每 天 在 缝隙 不 等 的 水 管 间 飞 翔 穿越 。 开 始 时 ， 小 鸟 在 起 始 位 置 ， 按 下 空格 


键 ，4 根 水 管 就 开始 重复 地 自 右 向 左 移动 ， 小 岛 开 始 跳跃 飞翔 。 只 要 小 岛 不 落地 ， 只 要 不 辜 到 


@ 


一 一 一 一 一 一 同一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 人 
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水 管 ， 就 可 以 一 直 飞 翔 。 游 戏 中 可 以 允许 玩家 暂停 /播放 程序 ， 也 可 以 记录 玩家 在 游戏 9 


的 时 间 。 
结果 : 小 岛 一 旦 砸 到 了 水 管 或 者 落 到 了 地 面 ， 游 戏 就 结束 。 


@ 词性 分 析 

1) 找 名 词 和 动词 ， 确 定 角 色 和 行为 

根据 功能 描述 ， 找 到 的 名 词 有 : 小 岛 、 颖 除 、 水 管 、 起 始 位 置 、 空 格 键 、 地 面 、 玩 家 
的 动词 有 飞翔 、 穿 越 、 跳 跃 、 按 下 、 移 动 、 落 地 、 碰 到 、 人 允许 、 暂 停 、 播 放 、 记 录 、 持 续 
为 这 些 动词 找 主语 ， 比 如 ， 小 鸟 飞翔 、 穿 越 、 跳 跃 、 落 地 、 碰 到 ， 水 管 移动 ， 程 序 暂 停 或 
所 以 ， 把 具有 动作 行为 的 名 词 作为 角色 ， 包 括 小 岛 、 水 管 。 像 颖 险 、 起 始 位 置 、 空 格 刍 
等 ， 都 是 与 小 岛 或 水 管 角色 相关 ， 这 里 的 地 面 用 舞台 边缘 表达 即 可 。 

2 ) 找 数据 和 关系 ， 确 定 变量 和 逻辑 

根据 功能 描述 ， 与 数据 有 关 的 是 4 根 水 管 、 颖 隙 不 等 、 持 续 时 间 ， 前 两 个 可 以 通过 添 
及 设置 造型 来 实现 ， 而 持续 时 间 需 要 统计 ， 因 此 要 建立 变量 “持续 时 间 ” ， 外 加 跳跃 过 程 
跳 速度 、 运 行 速度 、 重 力 3 个 变量 即 可 。 

与 逻辑 有 关 的 是 : 条 件 结构 (比如 ， 当 小 岛 落 到 地 面 或 者 磁 到 水 管 时 ， 游 戏 结束 ) ， 
构 〈 比 如 ， 水 管 重复 地 自 右 向 左 移动 ) 。 
人 调度 员 角色 
经 过 分 析 ， 游 戏 中 的 角色 有 小 岛 、4 根 水 管 。 游 戏 开始 前 ， 每 个 角色 都 在 初始 位 置 上 
开始 后 , 则 开始 各 自 移动 。 游 戏 中 需要 增加 “调度 员 ”角色 ， 负 责 程序 的 逻辑 控制 ， 发 布 
令 ， 其 他 角色 听从 安排 即 可 ， 不 需要 再 去 考虑 各 自 循环 的 问题 。 这 样 可 以 大 大 提升 程序 的 
率 ， 对 于 像 竞技 类 等 对 速度 要 求 苛刻 的 游戏 ，“ 调 度 员 ” 角 色 很 有 必要 添加 。 

这 与 实际 交通 指挥 类 似 。 平 时 ， 交 警 指 挥 中 心 利用 科技 远程 监控 和 调度 ， 但 在 暴 


上 会 是 什么 样 的 场景 呢 ? 可 能 个 别 车 辆 不 讲 规则 ， 抢 占 道路 ， 往 往 致 使 交通 堵塞 ， 如 
所 示 。 


。 找 到 
。 尝 试 
播放 。 

、 地 面 


加 角色 


中 的 起 


循环 结 


， 游 戏 


消息 指 


执行 效 


风雨 天 


气 ， 就 需要 在 现场 指挥 调度 。 试 想 ， 在 十 雪 交 加 的 下 班 高 峰 期 ， 如 果 没有 总 调度 ， 那 么 道路 


图 5-8 


图 5-8 ”交警 调度 指挥 


(@ 角色 行为 设计 
根据 项 目 功能 和 词性 分 析 ， 游 戏 中 的 角色 行为 设计 如 图 5-9 所 示 。 


仿 ” 绘制 


造型 日 空白 


记录 玩家 持续 时 间 


造型 人 @ 选取 
接收 到 “准备 ”: 初始 位 置 在 原点 处 


当 收 到 “移动 ”， 跳跃、 落下 、 
碰 到 边缘 或 水 管 则 游戏 结束 


造型 @ 绘制 
接收 到 “准备 ”: 初始 位 置 
接收 到 “移动 ”造型 随机 并 移动 
造型 @ 两 个 造型 : 暂停 和 播放 

当 单 击 时 ， 判 断 当前 造型 编号 ， 


行为 @ 决定 暂停 变量 的 值 为 0 还 是 1， 
进而 决定 角色 是 否 移动 


图 5-9 ”角色 行为 设计 


5 ”跳跃 的 小 岛 
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人 总 调度 逻辑 设计 
1) 发 送 广播 “准备 ”并 等 待 
程序 开始 时 ， 调 度 员 广 播 消息 “准备 ”并 等 待 ， 该 消息 一 旦 发 出 ， 所 有 的 角色 接收 到 后 ， 就 
始 做 相应 的 准备 。 比 如 ， 小 鸟 、 水 管 等 都 需要 确定 初始 位 置 和 方向 等 ， 等 所 有 角色 执行 完 “ 准 
备 ”里 的 指令 后 ， 调 度 员 开始 发 送 下 一 个 广播 。 
2 ) 发 送 广播 “计算 ”并 等 待 
当 所 有 角色 的 “准备 ”工作 做 好 后 ， 总 调度 开始 判断 小 岛 是 否 磁 撞 到 地 面 或 水 管 上 ， 这 里 
需要 建立 一 个 变量 “ 础 撞 ”， 通 过 判断 变量 “ 础 撞 ” 的 值 决定 程序 是 否 结束 。 如 果 程序 未 结束 ， 
就 广播 “计算 ”消息 且 等 待 ， 此 时 小 岛 接 收 到 “计算 ”消息 后 就 来 确定 起 跳 速 度 、 重 力 大 小 ， 水 
管 接收 到 “计算 ”消息 后 则 确定 移动 速度 。 
3) 发 送 广播 “移动 ”并 等 待 
等 所 有 角色 接收 到 “计算 ”消息 并 执行 完 指令 后 ， 总 调度 开始 发 送 广播 “移动 ”， 并 等 
待 。 所 有 角色 接收 到 该 消息 后 ， 就 开始 各自 的 移动 。 待 移动 完成 后 ， 总 调度 又 继续 判断 “ 础 
撞 ” 变 量 是否 为 1 ， 若 不 为 1， 则 又 开始 下 一 次 重复 ， 直 到 “ 磁 撞 ”变量 为 1 ， 程 序 结束 。 有 
了 总 调度 的 控制 ， 程 序 逻 辑 是 不 是 更 清楚 了 呢 9 如 图 5-10 所 示 。 
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图 5-10 总 调度 的 控制 逻辑 
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项 目 5 ”跳跃 的 小 乌 


4) 记录 玩家 持续 时 间 

当 玩 家 按 下 空格 键 ， 计 时 器 开始 计时 ， 如 果 此 时 游戏 处 于 暂停 状态 或 者 游戏 已 经 结束 ， 
则 变量 “持续 时 间 ” 不 增加 ， 否 则 每 过 一 秒 持续 时 间 就 增加 1， 所 以 程序 中 需要 建立 变量 “ 结 
束 ” 和 “持续 时 间 ”， 当 程序 开始 时 ，“ 结 束 ” 和 “持续 时 间 ” 变 量 初 值 设 置 为 0， 当 计时 器 
始 计时 时 ， 则 进行 相应 的 判断 和 改变 ， 如 图 5-11 所 示 。 当 游戏 结束 时 将 “结束 ”变量 设置 
为 1， 如 图 5-10 所 示 。 


调度 员 统计 时 间 


图 5-11 统计 玩家 持续 时 间 


该 角色 造型 设置 为 空白 即 可 ， 通 过 发 送 广 播 、 条 件 判 断 、 循 环 等 控制 项 目 总 体 逻辑 ， 起 到 
在 后 人 台 总 体 调度 作用 。 建 立 全 局 变量 “ 础 撞 ”， 用 于 判断 游戏 是 否 终 止 。 建 st el 
立 3 个 广播 ,分 别 是 准备 、 计 算 和 移动 。 此 外 ， 建 立 过 程 “变量 初始 化 ” 负 3 
责 给 变量 设置 初 值 ， 让 程序 脚本 更 简洁 ; 同时 ， 用 侦 测 模块 中 的 “ 当 计 时 器 SM 
于 ”指令 ， 对 游戏 的 “持续 时 间 ” 进 行 统计 ， 脚 本 如 图 5-12 所 示 。 2. 总 调度 功能 实现 
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基于 计算 思维 的 Scratch 项 目 式 编程 


图 5-12 总 调度 脚本 


在 这 个 游戏 中 ， 小 鸟 在 原 地 跳跃 落下 ，4 根 水 管 在 做 自 右 向 左 的 移动 ， 当 它 
移动 到 达 左 侧 边 绿 时 ， 又 继续 从 右 侧 出 现 ， 不 断 自 右 向 左 移动 ， 如 此 循环 。 而 
玩家 看 到 的 似乎 是 水 管 不 动 ， 而 小 鸟 在 自 左 向 右 穿越 ， 这 其 实 是 物理 中 的 “ 相 着重 和 人 各 
对 运动 ”的 效果 ， 在 项 目 6 中 会 有 详细 介绍 。 3. 绘制 水 管 造 开 
@ 给 制造 型 

在 项 目 4 的 《小 猫 钓 鱼 》 游 戏 中 ， 修 改 鱼 多 造型 时 ， 可 将 鱼 钧 即 字母 旋转 朝 右 侧 ， 以 便 与 点 
认 方 向 〈 面 向 90。 ) 保持 一 致 。 同 理 ， 在 绘制 水 管 造型 时 ， 其 初始 方向 也 设置 为 朝 右 人 出 。 具 体 
过 程 是 ; 在 矢量 模式 下 ， 选 择 和 矩形 工 具 ， 建 立 两 个 矩形 ， 填 充 颜 色 后 ， 将 其 造型 中 心 点 设置 在 左 
侧 边 线 中 间 位 置 。 并 将 两 个 矩形 选中 ， 使 其 组 合 为 一 个 整体 。 绘 制 好 一 个 造型 后 ， 可 继续 复制 出 
多 个 造型 ， 并 缩放 修改 每 个 造型 的 宽度 ， 如 图 5-13 所 示 。 上 管 1 角色 中 包含 3 个 造型 ， 宽 度 各 不 
相同 ， 因 为 上 管 1 在 游戏 中 要 朝 下 方 ， 所 以 造型 里 不 同 的 宽度 就 代表 将 来 高 度 的 不 同 ， 这 样 上 下 
管 之 间 就 可 以 产生 不 同 高 度 的 缝隙 。 

做 好 一 个 角色 后 ， 再 复制 出 3 个 ， 名 称 分 别 是 “上 管 1”“ 上 管 2”“ 下 管 1”“ 下 管 2”， 如 
图 5-14 所 示 。 
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图 5-13 ”绘制 水 管 造型 图 5-14 ”绘制 水 管 角色 


@@ 算法 设计 


首先 ， 将 上 管 1 和 上 管 2 两 个 水 管 造型 朝 下 《面向 180” ) ， 下 管 1 和 下 管 2 两 个 水 管 朝 
向 0” ) ， 起 始 位 置 都 在 舞台 最 右 伸 。 每 个 角色 显示 的 造型 可 以 随机 ， 上 下 组 合 后 就 会 产生 


5 ”跳跃 的 小 岛 


上 《〈 面 


不 


中 


高 度 的 空 险 。 当 游戏 开始 时 ， 每 个 水 管 向 左 匀速 移动 ， 当 接近 左 侧 边 缘 ( x 坐标 接近 -240) 时 ， 


可 以 让 其 隐藏 ， 并 且 重 新 回 到 初始 位 置 。 如 此 反复 进行 ， 直 到 程序 结束 。 
全 编程 实现 一 上 管 1 角色 脚本 


当 接收 到 “准备 ”消息 时 ， 设 置 角色 的 初始 位 置 、 方 向 以 及 造型 ， 并 隐藏 ; 当 接 收 到 “ 计 
算 ” 消 息 时 ， 设 置 水 管 速度 为 -5; 当 接收 到 “移动 ”消息 时 ， 将 x 坐 标 减少 。 水 管 不 断 左 移 ，x 
坐标 不 断 减少 ， 当 等 于 某 个 数值 时 (提前 测试 一 下 此 时 的 x 坐标 值 》， 就 让 其 回 到 起 始 位 置 。 参 


考 脚本 如 图 5-15 所 示 。 


当 接 收 到 准备 
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将 造型 切 搞 为 “在 发 到 各 间 随 机 选 一 个 数 


当 接收 到 地 动 


将 x 坐 标 增 加 和 水 管 速度 


工 X 举 标 那么 


Bs x: Ey: 
将 造型 切换 为 "在 四 到 合 间 随 机 先 


图 5-15 上 管 1 脚 本 


缘 ， 此 时 要 让 它 重新 回 到 舞台 右 侧 。 


这 里 判断 水 管 终止 左 移 的 条 件 是 判断 水 管 当前 的 x 坐标 是 否 等 于 -263， 这 个 -263 是 如 何 得 到 的 | 
呢 ? 选中 该 角色 的 “运动 ”模块 下 方 指令 “x 坐标 ”前 的 复 选 框 ， 让 其 显示 在 舞台 上 ， 然 后 让 
水 管 的 x 坐标 每 次 减少 5， 重 复 执行 ， 会 发 现 ， 水 管 左 移 到 舞台 左 侧 边缘 时 停止 了 ， 观 察 此 时 的 
x 坐标 显示 的 值 是 多 少 ?比如 -263， 那 就 意味 着 如 果 x 坐标 等 于 -263， 水 管 到 达 并 停 在 左 侧 边 
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基于 计算 思维 的 Scratch 项 目 式 编程 


1 ) 问题 分 析 
运行 程序 ，“ 上 管 1” 角 色 是 不 是 在 所 有 情况 下 ， 只 要 x 坐标 =-263， 都 
到 右 侧 边 绿 了 呢 9 运行 程序 发 现 有 时 候 并 不 是 这 样 。 仔 细 分 析 发 现 角 。 全 
前 包含 3 个 造型 ， 虽 然 这 几 个 造型 是 通过 复制 得 到 的 ， 但 是 复制 后 的 宽度 国史 澡 
和 高 度 Scratch 也 无 法 确保 完全 相同 ， 在 缩放 的 过 程 中 也 难以 避免 造型 中 心 点 “水 守 各 台词 二 
会 有 稍 许 差别 ， 所 以 同一 个 角色 不 同 造型 在 到 达 左 侧 边缘 时 对 应 的 x 坐 标 可 能 会 有 稍 许 差异 。 

2 ) 问题 解决 一 方案 1 

为 了 能 验证 上 述 分 析 思路 是 否 正确 ， 我 们 可 以 把 角色 的 造型 填充 不 同 颜色 ， 然 后 运行 程序 
多 次 ， 记 录 每 个 造型 到 达 舞 台 左 侧 边缘 时 对 应 的 x 坐 标 值 (如 -263、-264、-265) ， 找 出 最 大 
值 ， 如 -263， 然 后 取 比 这 个 数值 大 一 些 的 数 〔( 如 -262 ) ， 以 便 确 保 三 个 造型 都 能 满足 条 件 。 
也 就 是 说 ， 只 要 角色 当前 的 x 坐 标 值 小 于 -262， 那 么 角色 就 会 回 到 右 侧 边 绿 。 脚 本 如 图 5-16 
所 示 。 
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将 造型 切换 为 在 ES 3 1h 


图 5-16 ”上 管 1 坐 标 判 断 


3) 问题 解决 一 一 方案 2 
当然 ， 我 们 还 可 以 党 试 另 一 种 解决 方案 。 添 加 一 个 竖 条 角色 ， 让 其 位 于 舞台 左 人 出 ， 可 以 将 其 
宽度 设置 很 窗 ， 高 度 与 舞 全 高 度 相同 ， 玩 家 几乎 看 不 见 。 每 当 水 管 移动 到 舞台 左 侧 并 碰 到 该 角色 
时 ， 就 回 到 舞台 右 侧 边 绿 。 这 种 方法 不 需要 像 方案 1 中 要 判断 x 坐 标的 值 ， 逻 辑 简单 ， 但 是 多 加 了 
个 角色 ， 相 比 之 下 ， 占 用 的 内 存 会 大 一 些 。 但 是 因为 这 个 程序 本 身 很 小 ， 所 以 内 存 问 题 暂 时 
以 忽略 。 感 兴趣 的 读者 可 以 自行 实现 。 
“上 管 2” 角 色 的 分 析 过 程 与 之 类 似 ， 如 图 5-17 所 示 。 
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项 目 5 ”跳跃 的 小 岛 
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图 5-17 上 管 2 肢 本 


人 @@ 编程 实现 一 -下 管 1 角色 脚本 
下 管 1 和 下 管 2 脚本 与 之 类 似 ， 下 管 1 脚本 如 图 5-18 所 示 。 


将 x 坐标 增加 (jk 管 素 度 
如 果 ” x 圭 标 < 县 玉 那 和 
#5 x: ED Y: ED 
将 造型 切换 为 在 者 到 全 间 随 机 选 一 个 数 


图 5-18 下 管 1 脚本 i p 
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! 
当 小 岛 接收 到 “准备 ”消息 时 ,会 确定 好 初始 位 置 和 方向 ， 并 为 3 个 变量 设置 初始 值 ， 当 接收 | 

到 “计算 ”消息 时 ， 运 行 速度 不 断 减少 ， 按 下 空格 键 后 ， 运 行 速度 又 从 起 跳 速 度 开始 ; 当 接收 到 ! 
“移动 ”消息 时 ，y 坐 标 不 断 改变 ， 并 进行 碰撞 检测 ， 当 碰 到 了 舞台 下 边缘 或 者 磁 到 了 4 根 水 管 之 一 ! 
1 


时 ， 就 将 磺 撞 变量 设置 为 1 ， 参 考 脚本 如 图 5-19 所 示 《〈 由 于 篇 幅 所 限 ， 这 里 的 “ 础 撞 检 测 ” 没 有 完 
整 截图 ， 条 件 应 是 : y 坐 标 <180 或 者 磁 到 上 管 1 或 者 磺 到 上 管 2 或 者 蔽 到 下 管 1 或 者 大 到 下 管 2) 。 
运行 程序 ， 多 试 玩 几 次 ， 可 以 适当 调整 水 管 的 长 短 ， 或 者 修改 小 岛 起 跳 的 速度 或 者 重力 幅度 
等 ， 增 加 游戏 的 成 功率 ， 也 可 以 在 游戏 中 增加 倒计时 或 者 得 分 功能 ， 这些 功 能 运用 前 面 学 习 到 的 
知识 点 都 可 以 来 实现 ， 不 妨 尝试 一 下 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 


当 接 收 到 准备 


下 9 ED 方 品 


图 5-19 ”小 岛 跳 跃 脚本 


这 个 游戏 虽然 歇 辑 简单 ， 但 是 玩 起 来 不 容易 ， 需 要 玩家 精力 高 度 集中 。 如 果 玩 家 有 事 需 要 和 暂 
停 游戏 ， 该 如 何 实现 呢 ? 所 谓 和 暂停， 就 是 说 按 下 了 暂停 按钮 后 ， 所 有 角色 都 不 移动 。 言 外 之 意 ， 
按 下 的 是 开始 按钮 ， 那 么 角色 就 移动 ; 如 果 按 下 的 是 暂停 


就 是 说 角色 的 移动 是 有 条 件 的 ， 当 此 时 
按钮 ， 那 么 角色 就 不 移动 。 那 如 何 知道 
标记 变量 。 

@ 绘制 按钮 


从 角色 库 中 添加 角色 Ball， 保 留 黄色 球 造型 ， 其 他 造型 删除 。 将 黄色 球 造型 
图 编辑 器 中 绘制 出 不 同 的 造型 ， 其 中 暂停 对 应 的 造型 编号 


称 分 别 是 “暂停 ”和 “播放 ”， 并 在 绘 
是 1， 播 放 对 应 的 造型 编号 是 2， 角 色 的 


当前 按 下 的 是 “开始 ”还 是 “暂停 ” 呢 9 显然 ， 可 以 使 用 


复制 一 个 ， 名 


名 称 是 “暂停 /播放 ”， 如 图 5-20 所 示 。 
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项 目 5 ”跳跃 的 小 乌 


@ 算法 设计 

建立 变量 “暂停 ”， 其 初 值 为 0。 按 下 按钮 时 ， 即 “暂停 /播放 ”角色 被 单 击 时 ， 如 果 此 时 的 
造型 名 称 是 “暂停 ”时 ， 那 么 就 将 暂停 变量 设置 为 1， 并 再 将 造型 设置 为 “播放 ”; 同 理 按 下 按 
钮 时 ， 如 果 该 角色 此 时 的 造型 名 称 是 “播放 ”时 ， 就 将 标记 变量 设置 为 0。 这 样 一 来 ， 所 有 角色 
在 移动 时 都 需要 先 判断 标记 变量 的 值 ， 如 果 是 0， 则 移动 ， 如 果 是 1， 则 不 移动 。 但 由 于 本 游戏 
中 所 有 角色 的 移动 都 是 由 总 调度 角色 来 控制 的 ， 所 以 实现 起 来 更 为 简单 ， 只 需要 在 总 调度 角色 中 
做 判断 即 可 ， 大 大 简化 了 程序 脚本 ， 由 此 我 们 也 能 体会 角色 “总 调度 ”的 作用 。 


@) 编程 实现 
“暂停 /播放 ”角色 上 的 脚本 如 图 5-21 (1) 所 示 ，“ 总 调度 ”角色 上 的 脚本 如 图 5-21 
(2) 所 示 。 


图 5-21 (1) ”暂停 /播放 脚本 图 5-21 (2) ”总 调度 脚本 


5.4， 本 章 小 结 


在 这 个 游戏 中 ， 小 鸟 实际 上 是 在 原 地 上 下 跳跃 ,之 所 以 看 起 来 像 是 在 向 右 移 动 ， 其 实 是 因为 
4 根 水 管 在 自 右 向 左 移动 。 在 很 多 游戏 中 ， 都 是 通过 其 他 角色 的 后 黎 ， 让 主角 有 一 种 似乎 在 前 进 
的 效果 ， 比 如 ,赛车 游戏 中 无 止境 的 路 面 滚动 ，《 超 级 玛丽 》 游 戏 中 不 断 移动 的 砖 块 ， 等 等 ， 这 
些 都 是 典型 的 滚屏 类 游戏 。 在 下 一 个 项 目 中 ， 我 们 将 深入 学 习 滚 屏 类 游戏 的 实现 方法 。 
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项 目 6 小 猫 历险 记 


戏 的 角 


色 本 身 


我 们 实现 了 《跳跃 的 小 岛 》 游 戏 ， 体 验 了 小 鸟 穿 梭 在 不 同 缝隙 里 战 战 苞 茵 的 感 


觉 。 如 果 你 玩 过 《超级 玛丽 》 游 戏 ， 也 一 定 跟着 小 猫 一 起 体验 跳跃 行进 的 刺激 …… 其 实 ， 这 些 游 


《如 小 岛 或 涉猎 ) 并 没有 真正 的 向 前 移动 ， 而 是 因为 其 他 角色 《如 水 管 、 砖 块 ) 的 


移动 进 


Se 


而 产生 了 相对 运动 的 效果 ， 如 图 6-1 所 示 。 
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图 6-1 相对 运动 的 游戏 


生活 中 相对 运动 的 现象 很 普遍 ， 甚 至 在 很 多 古诗 词 中 ， 也 有 对 相对 运动 现象 的 描述 。 


望 天 门 山 绝句 
《李白 ) 〈 传 语 ) 
天 门 中 断 楚 江 开 ， 空手 把 钢 头 ， 
怕 水 东 流 至 此 回 。 步行 骑 水 牛 。 
两 岸 青山 相对 出 ， 牛 从 桥 上 过 ， 
孤 巾 一 片 日 边 来 。 桥 流水 不 流 。 


“两 岸 青山 相对 出 ” ， 青 山 怎 么 会 移动 呢 9 显然 ， 是 诗人 乘坐 的 船 在 前 行 ， 看 到 远 处 的 山 像 
是 向 诗人 走 来 “ 桥 流水 不 流 ” ， 桥 怎么 会 流 呢 9 显然 ,诗人 是 把 水 看 成 静止 的 ， 相 对 于 静止 的 


“ 船 桨 激 起 的 微波 扩散 出 一 道道 水 纹 ， 才 让 你 感觉 到 船 在 前 进 ， 岸 在 后 移 。” 这 是 《桂林 山 
水 甲 天 下 》 里 面 的 一 句 话 。 相 对 于 河岸 ， 是 船 在 前 进 ; 而 相对 于 船 ， 则 是 岸 在 后 移 ， 这 里 描述 的 
也 是 相对 运 现象 。 


一 切 运动 都 是 相对 于 某 种 物体 而 言 的 。 比 如 ， 一 栋 楼 房 或 一 棵 树 对 地 球 来 说 ， 它 们 是 静止 
的 ， 但 对 太阳 来 说 ， 它 们 都 是 地 球 上 的 物体 ， 都 在 运动 着 ; 一 辆 行驶 的 汽车 ， 相 对 路 面 或 房子 或 
树木 ， 汽 车 在 向 前 运动 ， 我 坐 在 汽车 上 ， 相 对 于 汽车 而 言 ， 我 又 是 静止 的 …… 因 此 ， 判 断 一 个 物 
体 运 动 与 否 ， 与 选 定 的 参照 物 有 关系 。 

“参照 物 ” 是 被 看 作 静 止 不 动 的 ， 用 来 作 参 照 和 比较 用 的 。 谁 可 以 被 选 作 参照 物 呢 9 理论 上 
讲 任意 的 物体 都 可 以 作为 参照 物 ， 但 方便 起 见 ， 若 要 研究 地 面 上 物体 的 运动 ， 通 常 选 取 地 面 或 相 
对 于 地 面 静 止 的 物体 《如 树木 、 房 屋 ) 作为 参照 物 。 当 然 ， 被 研究 的 物体 本 身 不 能 选 作 参 照 物 ， 
因为 一 旦 被 作为 参照 物 ， 它 将 被 看 作 是 静止 的 。 

在 游戏 开发 中 ， 舞 人 台 屏 幕 的 宽度 和 高 度 有 限 ， 如 果 让 角色 持续 移动 ， 必 然 会 移出 舞台 ， 所 以 
通常 情况 下 ， 角 色 不 动 ， 而 让 舞台 上 其 他 角色 不 断 移动 ， 这 样 看 起 来 就 像 是 角色 在 移动 。 下 面 编 
程 来 实现 相对 运动 效果 。 


6.2; 角色 之 间 的 相对 移动 


我 们 先 来 尝试 编程 实现 《简易 赛车 》 游 戏 ， 如 图 6-2 所 示 。 

主要 思路 是 : 让 路 面 有 多 个 造型 ， 每 个 造型 中 白色 标志 线 位 置 不 断 下 移 ， 当 快速 切换 路 理 
时 ,会 产生 路 面向 后 移动 而 车 辆 向 前 移动 的 感觉 ， 若 在 道路 两 旁 加 上 向 后 移动 的 树木 、 房 屋 等 ， 
也 更 能 体现 车 辆 前 移 的 效果 。 此 外 ， 按 照 人 们 观察 事物 “ 近 大 远 小 ”的 规律 ， 路 面 可 以 设计 为 三 
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基于 计算 思维 的 Scratch 项 目 式 编程 


形 ， 显 得 更 加 逼真 。 


@ 绘制 三 角形 路 面 


图 6-2 《简易 赛车 》 游 戏 界面 


击 “ 绘 制 角色 ”， 打 开 绘 图 编辑 器 ， 切 损 到 “矢量 模式 ”下 ， 单 击 


1. 绘制 三 角形 路 面 


“直线 工具 ”， 绘制 3 


条 线段 ， 组 成 一 个 封闭 的 三 角形 ， 因 为 只 有 封闭 图 形 才 能 填充 上 颜色 。 判 断 两 
指针 移动 到 线段 的 一 端 ， 出 现 一 个 “圆圈 ”标记 后 单 击 鼠标 ， 表 


终点 是 否 吻合 的 标准 是 : 将 鼠标 


条 线段 的 起 点 或 者 


示 线 段 的 两 个 端点 吻合 。 用 同样 的 方法 ， 将 3 条 边 的 首尾 相连 ， 形 成 封闭 图 形 ， 


@) 绘制 路 面 标志 线 
三 角形 路 面 遵循 的 是 “ 近 大 


远 小 ”的 规则 ， 


图 模式 ， 选 择 直 线 工具 ， 画 出 


标志 线 处 理 成 分 段 效 果 。 首 先 会 
的 边缘 不 规则 ， 所 以 这 里 有 一 个 


个 瘦 瘦 的 三 角 


标志 线 也 是 如 此 。 切 换 到 矢量 
形 ， 并 填充 为 白色 。 接 下 来 ,将 


并 填充 颜色 。 


想到 用 “位 图 模式 ”下 的 橡皮 擦 ， 但 橡皮 擦 除 De 


窍门 : 绘制 


一 个 个 矩形 ， 将 矩形 填充 为 与 道路 


一 样 的 灰色 ， 是 不 是 也 可 以 起 到 橡皮 擦 的 作用 呢 9 
还 需要 复制 出 多 个 路 面 造型 ， 然 后 给 路 面 造 


为 了 让 车 辆 有 向 前 走 的 效果 ， 
就 是 将 起 橡皮 作用 的 灰色 小 矩形 
后 移动 ， 而 车 辆 是 看 起 来 在 向 前 
型 多 一 些 ， 造 型 及 切换 的 脚本 如 


Se 


2. 绘制 路 面 标志 线 


稍微 向 后 移动 一 


型 做 微小 的 变化 ， 


下 ,这 样 当 快速 切换 路 面 造型 


移动 。 同 理 
图 6-3 所 示 。 


， 可 以 再 复制 几 个 类 似 造 型 ， 让 路 夯 


时 ， 路 面 像 是 在 向 
标志 线 过 渡 的 造 


项 目 6 小 猫 历 险 记 


在 Scratch 角 色 库 中 有 很 多 


图 6-3 标志 线 滚动 


小 车 的 图 片 ， 如 图 6-4 所 示 ， 这 种 车 辆 造型 若 添加 到 这 个 游戏 


中 是 否 合适 呢 9 目前 ， 小 车 默认 方向 是 朝 右 《〈 面 向 90” ) ， 如 果 让 小 车 朝 上 《面向 0” ) ， 


如 图 6-4 所 示 ， 显 然 ， 对 于 目前 的 路 面 造 型 来 说 ， 赛 车 的 这 种 造型 不 合适 。 因 为 目前 这 辆 车 


是 侧 视图 ， 而 我 们 需要 的 是 小 
介绍 。 


车 的 后 视图 或 集 视 图 。 在 车 辆 后 面 的 “知识 扩展 ”中 有 具体 


@ 绘制 小 车 俯视 图 
相对 来 说 ,俯视 图 (从 上 方 


图 6-4 ”角色 库 中 的 车 辆 


向 下 看 ) 的 小 车 容易 画 出 来 ， 使 用 的 基本 图 形 是 “ 逢 形 ”。 为 了 


能 方便 修改 ， 绘 制 时 选择 “矢量 
注意 ， 小 车 的 初始 方向 朝 右 〈Sc 


图 模式 ”， 填 充 颜 色 ， 将 造型 中 心 点 放置 在 小 车 中 间 位 置 。 需 要 
ratch 造 型 默认 方向 ) ， 如 图 6-5 所 示 。 


如 果 你 觉得 绘制 的 小 车 不 太 立体 ， 也 可 以 到 网 上 搜索 图 片 ， 下 载 使 用 。 
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图 6-5 俯视 图 小 车 


人 下 载 小 车 后 视图 


下 来 ， 添 加 到 Scratch 里 作为 角色 ， 之 后 利用 绘图 编 


辑 器 中 “位 图 模式 


实现 抠 图 效果 ， 具 体 方法 参考 项 目 1 中 的 介绍 ， 处 理 后 的 赛车 如 图 6-6 所 示 。 


图 6-6 抠 图 后 的 后 视图 小 车 


在 百度 里 搜索 图 片 的 关键 字 是 “赛车 后 视图 ” ， 从 中 找到 喜欢 的 车 辆 ， 下 载 原 图 后 ， 保 存 
下 ”的 “ 移 除 背 景 ” 工 具 


单 击 绿 旗 让 路 面 切换 造型 ， 怎 么 样 ?是 不 是 很 有 成 就 感 ?小 车 虽然 没有 移动 ， 但 是 由 于 路 面 


的 造型 快速 切换 ， 是 不 是 小 车 有 向 前 移动 的 感觉 呢 9 如 果 感 觉 小 车 移动 的 效果 并 不 明显 ， 试 着 在 


路 两 边 加 上 树木 和 房屋 。 


建立 一 个 角色 “ 右 侧 树木 房屋 ” ， 为 该 角色 添加 “树木 ”和 “房屋 ”两 个 造型 ， 分 别 从 角色 


库 中 选取 ， 对 其 大 小 进行 缩放 。 调 整 好 后 ， 再 将 该 角色 复制 ， 命 名 为 “ 左 侧 树木 房 


”， 但 发 现 


“楼 房 ”造型 方向 反 了 ， 可 以 在 绘图 编辑 器 中 对 其 过 


色 ， 如 图 6-7 所 示 。 


和 


Lt 行 左右 翻转 。 此 外 ， 还 可 以 为 其 


净 
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bs 


图 6-7 ”路 边 加 上 树木 房屋 


由 于 道路 两 边 〈 即 三 角形 的 两 条 边 ) 是 斜 向 的 ， 所 以 需要 让 树木 沿 着 路 面 方向 冬 着 移动 ， 可 
以 通过 两 种 方法 来 实现 : 一 是 设置 树木 面向 方向 为 余下 方 并 移动 ， 二 是 不 改变 树木 方向 ， 只 改变 
其 x 和 y 坐 标的 值 达 到 斜 着 移动 的 效果 。 

人 @@ 方法 一 : 设置 树木 面向 方向 

1) 设置 树木 面向 方向 

回顾 Scratch 约 定 的 方向 和 角度 ， 如 图 6-8 所 示 。0 ~ 180" 代表 y 轴 右 侧 方向 ，-180。 ~ 0， 
代表 y 轴 左 侧 方向 。 

根据 路 面 形 状 ， 左 侧 树 木 面 向 角度 应 该 在 -90 ~ -180”， 如 大 概 取 -120” ; 右 侧 树木 面向 
角度 应 该 在 90。 ~ 180? ， 如 大 概 取 120”〔 这 个 角度 只 是 大 概 设置 ， 可 以 不 断 修 改 ， 直 到 找到 
合适 的 角度 ) 。 

2 ) 编程 实现 

先 将 角色 初始 化 ,包括 初始 大 小 、 造 型 以 及 面向 角度 。 之 后 ， 让 角色 重复 沿 着 指定 方向 移动 
2 步 ， 同 时 变 大 。 如 果 磺 到 舞 全 的 边缘 ， 就 回 到 初始 位 置 ， 重 新 移动 ， 这 样 看 到 的 就 是 有 源源 不 
断 的 树木 或 房屋 从 道路 尽头 移动 过 来 ， 脚 本 如 图 6-9 所 示 。 


@ 


基于 计算 思维 的 Scratch 项 目 式 编程 


(-180?) 180° 
图 6-8 ”Scratch 角 色 方 向 约定 


图 6-9 树木、 楼 房 按 设置 方向 移动 


运行 程序 看 看 ， 是 什么 效果 呢 ? 哇 9 左 侧 楼 房 怎么 翻转 着 移动 呢 9 显然 ， 是 “面向 -120 方 
向 ”让 楼 房 向 斜 下 方 移动 了 。 我 们 希望 楼 房 朝 着 斜 下 方 移动 ， 但 是 不 希望 楼 房 旋转 。 为 此 ， 需 要 
在 “ 绿 旗 ”事件 下 ， 将 旋转 模式 设置 为 “不 旋转 ”， 如 图 6-9 所 示 。 
运行 程序 ， 怎 么 样 ?楼 房 是 不 是 正 过 来 了 呢 9? 再 根据 运行 结果 ， 对 面向 角度 、 移 动 的 步 数 
和 角色 大 小 增加 的 值 进行 微调 。 但 需 注意 : 有 时 候 设置 的 这 些 值 对 树木 造型 合适 ,但 是 对 楼 房 造 
型 不 合适 ， 将 它们 的 造型 中 心 点 位 置 设置 成 完全 一 样 即 可 。 
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四 方法 二 : 改变 树木 坐标 值 

以 左 侧 路 面 为 例 ， 树 木 从 路 的 尽头 迎面 而 来 ， 也 就 是 朝 左 斜 下 方 移动 。 朝 左 移动 是 让 x 坐 标 

减少 ， 朝 下 移动 是 让 y 坐 标 减少 。 那 么 ， 既 让 x 坐 标 不 断 减 少 ， 又 让 y 坐 标 不 断 减少 ， 实 际 上 就 是 

让 树木 向 左下 方 移动 。 当 然 ，x 坐 标 和 y 坐 标 每 次 移动 的 步 数 多 少 合适 ， 也 需要 根据 路 面 怖 斜 幅 度 

不 断 测试 直到 找到 合适 的 值 。 同 理 ， 右 侧 树木 沿 着 右 斜 下 方 移动 ， 实 际 上 是 让 x 坐 标 不 断 增加 ，y 
坐标 不 断 减 小 。 参 考 脚本 如 图 6-10 所 示 。 
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图 6-10 ”树木 、 楼 房 按 x 坐标 和 y 坐 标 移动 


《简易 赛车 》 游 戏 中 的 路 面 移动 和 树木 移动 的 方法 就 介绍 到 这 里 ， 这 里 充分 运用 了 “相对 移 
动 ”及 “ 近 大 远 小 ”的 生活 常识 。 运 行程 序 ， 人 怎么 样 ? 有 了 路 面 和 路 边 树 木 的 移动 ， 车 辆 的 移动 
效果 是 不 是 更 加 逼真 了 9 


站 人 的 视 辐 ] 


在 机 械 工程 里 ， 通 常用 6 个 视图 来 全 面 剖 析 一 个 物体 。 如 图 6-11 (1 ) 所 示 。 
(1 ) 主 视图 : 从 物体 的 正面 观看 ， 所 得 到 的 视图 ; 

(2 ) 俯视 图 从 物体 的 上 面向 下 观看 ， 所 得 到 的 视图 。 

(3 ) 左 视图 : 从 物体 的 左边 向 右 观看 ， 所 得 到 的 视图 。 
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pe 


(4) 右 视图 : 从 物体 的 右边 向 左 观看 ， 所 得 到 的 视图 。 
(5 ) 仰视 图 : 从 物体 的 下 方向 上 观看 ， 所 得 到 的 视图 。 
(6) 后 视图 : 从 物体 的 后 面 观看 ， 所 得 到 的 视图 。 


\、 依 视 图 \ 


和 从 观 图 
图 6-11 (1) ”物体 的 视图 (本 图 来 自 网 络 》 


因此 ， 在 搜索 赛车 图 片 时 ， 输 入 “赛车 俯视 图 ”或 者 “赛车 后 视图 ”时 ,得 到 的 图 片 是 不 
一 样 的 ， 根 据 需 要 选用 即 可 ， 如 图 6-11 (2 ) 所 示 
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图 6-11 (2) ”赛车 作 视 图 和 后 视图 


6.3 多 个 屏幕 滚动 切换 


企 《 简 易 赛 车 》 游 戏 中 ， 尽 管 实 现 了 小 车 向 前 移动 的 效果 ， 但 总 感觉 效果 还 不 是 很 逼真 。 如 


果 能 不 断 变换 名 种 路 面 或 场景 的 话 ， 效 果 一 定 很 棒 。 本 节 我 们 一 起 尝试 让 多 个 场景 重复 移动 。 
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@ 绘制 多 个 场景 
Scratch 中 约定 舞台 背景 是 不 能 移动 的 ， 其 “动作 ”模块 下 没有 给 出 移动 指 ” 国 


令 ， 因 此 既然 需要 让 不 同 场景 进行 移动 ， 就 要 将 场景 绘制 成 角色 。 如 图 6-12 所 ”车 
示 ， 在 背景 上 绘制 了 蓝天 白云 ， 添 加 一 个 人 物 角色 ,绘制 了 3 个 场景 角色 。 每 个 回 结 夸 
场景 宽度 基本 为 480 像 素 ， 造 型 中 心 点 默认 在 中 间 位 置 。 3. 绘制 不 同 场景 


新 建 角 色 : 办 


国庆 一 一 


图 6-12 绘制 不 同 角色 场景 角色 


pd 


四 设置 场景 角色 初始 位 置 

在 游戏 开始 时 ， 希 望 3 个 场景 的 出 场 顺 序 是 场景 1、 场 景 2 和 场景 3， 所 以 舞台 上 先 出 现场 景 
1， 其 他 两 个 场景 角色 需要 在 舞台 右 侧 候 场 (这 里 约定 场景 自 右 向 左 移动 ) ， 如 图 6-13 所 示 。 
先 看 场景 1， 因 为 Scratch 默 认 造 型 中 心 点 在 原点 (0，0 ) 位 置 ， 为 了 让 场景 角色 原样 显示 ， 
此 其 初始 化 坐标 为 《0，0) 。 那 么 第 二 个 场景 的 初始 位 置 是 多 少 呢 9 从 中 心 点 距离 看 ， 两 个 场 
景 中 心 点 之 间 的 距离 恰好 是 一 个 角色 的 宽度 ， 即 480， 所 以 第 二 个 场景 的 初始 位 置 为 《480*1， 
) ， 那 么 第 三 个 场景 的 初始 位 置 为 (480*2，0) 。 


,下 


3 500 二 E4301 放生 04 E430 于 ?用 入 00 


图 6-13 ”3 个 场景 角色 初始 位 置 
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运行 程序 ， 观 察 舞 


lf 全 当前 显示 的 是 第 


个 场景 ， 但 是 仔细 观察 舞台 右 仙 边缘， 其 实 和 另外 两 


个 场景 的 左 人 出 有 一 些 重 合 ， 这 是 Scratch 本 身 


但 实际 上 它们 还 是 在 舞 


人 台 边缘 附近 ， 就 像 


固有 的 特点 ， 即 使 理论 上 把 角色 放 在 了 舞台 外 面 ， 


色 移 动 到 边缘 就 停止 的 情况 一 样 。 但 即使 这 样 ， 总 体 


而 言 ， 不 影响 场景 显示 的 效果 ， 


@) 移动 场景 


让 3 个 场景 向 左 移动 的 


的 是 为 了 让 人 物 看 起 来 在 向 右 移动 ， 根 据 相 对 运动 


为 我 们 马上 就 要 让 场景 角色 移动 起 来 。 


的 原理 ， 


色 的 x 


标 


为 了 
变量 来 约 


场景 的 肢 


减 小 。 


变 ， 因 为 这 里 设置 为 重复 执行 。 


为 达到 这 种 效果 ， 设 置 当 按 下 右 移 键 ， 让 3 个 场景 向 左 移动 ， 即 让 场景 


让 3 个 场景 能 同时 各 自 移动 又 能 相互 配合 有 序 出 场 ， 需 要 有 一 个 共同 的 
束 ， 将 该 变量 定义 为 scrollX， 初 值 设 置 为 0。 当 按 下 右 移 键 时 ， 让 其 值 减 小 。 修 改 3 个 
本 ， 如 图 6-14 所 示 。 可 见 ， 只 要 scrollX 的 值 改变 了 ， 这 3 个 场景 的 位 置 都 立即 发 生 改 


图 6-14 3 个 场景 的 位 置 脚本 


但 为 方便 理解 ， 通 常 写 在 人 物 角 


是 不 是 有 


序 4 


b 现 了 呢 ? 


色 上 。 脚 本 如 


下 面 再 来 写 键盘 事件 ， 当 按 下 右 移 键 时 ， 将 scrollX 值 减 小 ， 这 个 脚本 可 以 写 在 任何 角色 上 ， 


图 6-15 所 示 。 运 行程 序 ， 当 按 下 右 移 键 ，3 个 场景 


项 目 6 小 痉 历险 记 


Wp 


@ 信物 走路 效果 
为 了 让 人 物 更 真实 地 走路 ， 可 以 预先 多 加 几 个 造型 并 切换 ， 脚 本 如 图 6-16 所 示 。 


图 6-16 ”切换 人 物 造型 


运行 程序 ， 现 在 人 物 的 行走 看 起 来 是 不 是 更 真实 一 些 呢 ? 你 对 这 个 程序 目前 的 效果 满意 
吗 ? 有 没有 发 现 还 是 有 一 点 瑕 辣 ， 如 图 6-17 所 示 。 比 如 ， 现 在 的 路 面 是 崎 岂 不 平 的 ， 当 人 物 行 
走 在 凹陷 处 的 时 候 ， 能 否 让 其 落地 行走 ， 而 不 是 县 在 半空 中 行走 呢 9 或 者 ， 当 行走 在 上 坡 处 时 ， 
能 否 让 其 也 上 坡 ， 踩 在 绿色 的 路 线 上 呢 ? 别 着 急 ， 这 里 先 留 下 问题 ， 在 6.3.4 节 马上 就 会 学 习 到 。 


图 6-17 人 物 行走 时 的 不 足 之 处 


前 面 设计 了 一 个 《简易 赛车 》 游 戏 ， 为 了 模拟 车 辆 向 前 移动 的 效果 ， 设 置 了 多 个 标志 线 有 
的 路 面 造 型 ， 通 过 切换 造型 使 得 标志 线 移动 ， 看 起 来 像 是 路 面 在 向 下 移动 。 下 面 介 绍 多 个 场景 
垂直 移动 ， 可 以 更 逼真 地 模拟 路 面 移动 效果 ， 如 图 6-18 所 示 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 
@ 绘制 路 面 角色 
如 图 6-19 所 示 ， 用 铅笔 工 


色 


蔬 ， 


形成 一 个 路 面 造 型 ， 角 


具 绘 制 两 条 线 ， 分 别 与 诺 、 右 侧 形 成 了 两 个 封闭 图 形 ， 填 充 颜 


色 名 为 “路 1”。 


“| 


图 6-18 《简易 赛车 》 游 戏 场景 图 6-19 绘制 路 面 ， 尺寸 为 480 x 360 


绘制 第 二 条 公路 时 ， 复 制 “ 路 1”， 在 绘图 编辑 器 里 对 其 进行 上 下 翻转 ， 这 
样 两 张 图 片上 下 就 能 无 缝 对接 起 来 了 ， 还 可 以 添加 “景色 ”角色 ， 显 示 在 路 面 


的 两 旁 。 如 图 6-20 所 示 。 


言 
Ee 


和 


下 从 时 


人 路 面 垂直 滚动 


6. 绘制 两 个 路 面 


时 | 外 ;一 站 : 
? . 
| 9 
舞台 路 2 景色 误 车 1 角色 1 


图 6-20 ”角色 列表 


首先 确定 两 个 路 面 的 初始 位 置 。“ 路 1” 的 初始 坐标 是 (0，0 ) ，“ 路 2” 在 舞台 上 方 外 


因此 ， 横 坐标 是 0, 纵 坐标 是 “路 1” 的 高 度 ， 即 360。 当 单 击 绿 旗 时 ，“ 路 1” 显 示 在 舞 全 


上 ，“ 路 2” 在 舞台 上 方 候 场 。 为 了 让 两 个 场景 能 同 
时 各 自 移 动 又 相互 配合 有 序 出 场 ， 同 样 需要 有 一 个 
共同 的 变量 来 参与 ， 将 该 变量 定义 为 scrollY ， 初 值 
设置 为 0。 当 按 下 空格 键 时 ， 路 面 开 始 向 下 移动 。 脚 
本 如 图 6-21 所 示 。 


运行 程序 ， 观 察 两 个 路 面 是 否 顺 序 下 移 了 。 显 


然 ， 当 第 一 个 路 面 下 移 到 屏幕 外 时 ， 第 二 个 路 面 从 好 在 舞台 上 ， 若 继续 下 移 ， 则 舞台 上 方 就 出 现 | “ 
了 空白 。 下 面 来 解决 这 个 问题 。 ! 
i 1! 
(@ 两 个 场景 垂直 重复 移动 a 
显然 ， 当 舞台 上 方 快要 出 现 空白 时 ， 可 以 让 “路 1” 再 移动 到 舞台 上 方 , 也 就 ”于 
是 涪 ， 一 旦 “路 1” 移动 到 了 舞台 下 面 ， 那 就 让 其 重新 回 到 舞 全 上方。 程序 如 何 判断 “路 1” 是否 | 
到 达 了 舞台 下 方 0B?9 如 图 6-22 所 示 ， 观 察 scrollY 的 信 ， 当 该 什 小 于 -360 时 ， 角 色 回 到 舞台 上 方 。 | 
1 
i | 
1 1 
| 1 
| 1 
1 1 了 
| 
| ee 
| I 
J | . 
| i 
| 
1. 最 初 : scrollY=0 会 
.serollY 不 断 残 小 ， 《 


此 时 ，scrolly=-360 


图 6-22 “路 1” 的 移动 过 程 


修改 程序 后 再 运行 ， 观 察 此 时 路 面 是 否 在 连续 在 下 移 呢 9 “路 1” 一 直 在 重复 下 移 。 但 是 
“路 2” 有 一 段 时 间 一 直 停 留 在 舞台 上 方 ， 没 有 下 移 。 这 段 时 间 就 是 “路 1” 回 到 顶部 后 ，“ 路 
2” 恰 好 在 舞台 上 ， 此 时 “路 2” 应 该 继续 下 移 。 但 因为 此 时 我 们 将 scrollY 设 置 为 360， 而 (0， 
360*1+scrollY ) 就 是 (0，720〉， 显 然 无 法 下 移 。 那 能 否 针 对 这 种 情况 单独 做 一 个 判断 呢 9 
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基于 计算 思维 的 Scratch 项 目 式 编程 


pe 


修改 公式 ， 如 果 发 现 scrollY 的 值 大 于 0 了 ， 那 么 “路 2” 的 坐标 公式 换 成 《0， 
scrollY-360 ) ， 试 试看 ， 问 题解 决 了 吗 ? 
scrollY 值 的 改变 过 程 及 “路 2” 的 脚本 如 图 6-23 所 示 。 


当 
重复 执行 


当 按 下 空 阁 键 pi 0 WA < 四 
重复 执行 


将 ”scroly 增加 加 0 


CE 人 350 有 ESnu| 
EE 360| 3 0 AE: 360 Bl 1 


图 6-23 ”路 1 和 路 2 轮流 移动 


这 样 就 实现 了 两 个 场景 垂直 重复 移动 的 过 程 。 用 同样 的 方法 ， 可 以 实现 两 个 场景 水 平 重复 移 
动 的 过 程 。 下 面 来 看 3 个 场景 水 平移 动 的 具体 过 程 和 编程 实现 。 

人 三 个 场景 水 平 重 复 移动 

观察 水 平移 动 场 景 例子 中 3 个 场景 图 片 ， 如 图 6-24(1) 所 示 。scrollX 初 值 为 0， 场 景 1、 
场景 2 和 场景 3 的 位 置 分 别 是 scrollX+0*480、scrollX+1*480、scrollX+2*480， 并 重复 移 到 该 
位 置 。 但 是 对 于 场景 3 需要 特殊 考虑 ， 当 场景 3 到 了 《0，0) 的 位 置 ， 即 scrollX=-960 时 , 场 
景 1 和 场景 2 需要 到 舞台 右 侧 候 场 。 为 此 ， 将 scrollX 设 置 为 480， 此 时 按照 已 有 公式 ,场景 1 移 
到 了 (scrollX+0*480,，0) ， 即 《480，0 ) 的 位 置 ， 场景 2 移 到 了 (scrollX+1*480,，0) ， 即 
《960，0) 的 位 置 。 场 景 3 移 到 了 (scrollX+2*480，0) ， 即 《1440，0 〉， 而 我 们 希望 场景 3 
此 时 在 《0，0) 的 位 置 。 因 此 ， 需 要 对 场景 3 进行 特殊 情况 处 理 ， 就 像 两 个 场景 垂直 重复 移动 时 
对 “路 2” 角 色 的 特殊 考虑 一 样 。 
对 于 场景 3 角色 而 言 ， 当 scrollX 小 于 或 等 于 0 时 ， 其 坐标 公式 是 scrollX+2*480 ， 否 则 ， 其 公 
式 应 该 是 scrollX-480。 
对 应 的 角色 列表 及 每 个 角色 上 的 脚本 如 图 6-24〈2 ) 所 示 。 
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OrscrollX 480+scroll. 
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3 当 scrol1X=-960 时 ， 梅 其 设 为 490 


$00e2+scrollx 


图 6-24 (1) ”3 个 场景 水 平 重复 移动 过 程 


EE 
重复 执行 
下 一 个 造型 


重要 妆 行 


$a x: ED = 上 oO + saolx vy:O 


而 器 ED 方向 
将 ”scrolx “增加 厨 


场景 2， 
重 夏 
移 到 x: = 和 + scolx y:O 


如 果 ” scrolX < 那 肥 


将 ”scrollx “认定 


执行 


图 6-24 (2) ”3 个 场景 移动 各 角色 脚本 


场景 3 角色 上 的 脚本 如 图 6-24《〈3 ) 所 示 。 


oh 


基于 计算 思维 的 Scratch 项 目 式 编程 


scrollX = 四 或 scolx < 加 邢 丽 


[450 Bl 2 于 :| 0) 


0 


图 6-24 (3) 场景 3 的 脚本 


在 前 面 3 个 场景 水 平移 动 的 例子 中 ， 还 留 下 了 一 个 问题 待 处 理 ， 即 如 何 让 人 物 在 起 伏 的 道路 
上 始终 保持 在 路 面 上 行走 ? 这 其 实 就 是 游戏 中 如 何 识别 上 下 坡 路 面 的 问题 。 

《人 上 下 坡 路 面 移动 

先 绘制 一 个 起 伏 的 路 面 角色 ， 按 下 右 移 键 后 ， 能 向 左 移动 ， 看 起 来 像 是 小 猫 在 向 右 移 动 ， 如 
图 6-25 所 示 。 


图 6-25 上 下 坡 路 面 移动 


人 小 猫 在 一 个 路 面 上 的 上 坡 和 下 坡 
小 猫 在 走 上 坡 路 时 ， 策 到 路 面 就 将 其 y 坐 标 值 增 加 ， 重 复 执行 ， 直 到 不 再 了 站 
磁 到 路 面 为 止 ; 反之 ， 走 下 坡 路 时 ， 只 要 没有 友 到 路 面 角 色 ， 就 让 小 猫 的 y 坐 9. 一 个 路 面 上 下 坡 


和 


项 目 6 小 猫 历 险 记 


标 值 减少 一 次 ， 直 到 础 到 路 面 角色 为 止 。 也 就 是 说 ， 在 路 面 左 移 的 过 程 中 ,小 猫 在 不 断 地 判断 是 
否 辜 到 路 面 角色 ， 进 而 决定 自己 是 上 升 还 是 下 降 ， 同 时 做 适当 旋转 来 调整 方向 ， 脚 本 如 图 6-26 


所 示 。 ! 
| 
| 
图 6-26 小 猫 在 一 个 路 面 上 的 上 下 坡 ! 
1 
@@ 小 猎 在 两 个 路 面 上 的 上 坡 和 下 坡 
可 以 让 两 个 路 面 场景 重复 向 左 滚屏 ， 如 果 希 望 小 猫 在 行进 过 程 中 也 能 检测 出 路 面 2 是 上 坡 还 “7 
是 下 坡 ， 程 序 该 如 何 写 呢 9 虽然 和 路 面 1 的 逻辑 判断 类 似 ， 但 是 这 里 要 注意 : | 
此 时 如 果 检 测 到 没有 科 到 路 面 1， 那 和 可 能 的 情况 有 哪些 扎 ?一 种 是 对 外 没有。 中 Lp 
而 到 路 面 1， 但 是 可 能 础 到 了 路 面 2， 此 时 仍然 要 上 升 ; 另 一 种 是 没有 础 到 路 面 。 首 出 长 册 ，! 
1， 也 没有 碰 到 路 面 2， 此 时 要 下 降 。 因 此 ， 最 终 的 脚本 如 图 6-27 所 示 。 10. 两 个 路 面 上 下 坡 
§ 


图 6-27 省 猫 在 两 个 路 面 上 的 上 下 坡 
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基于 计算 思维 的 Scratch 项 目 式 编程 


: 森林 里 
: 小 锤 
因 : 小 猫 独自 出 去 游玩 ， 迷 失 在 森林 里 ， 它 历经 险阻 ， 寻 找 回 家 的 路 。 
过 :省 \ 猫 找到 了 一 条 崎 岂 不 平 的 山路 ， 只 是 这 条 路 上 会 时 不 时 地 有 灵 灵 出 现 ， 一 旦 被 幽 
灵 抓 到 ， 小 猫 就 没命 了 。 天 空中 还 不 时 有 炸弹 和 宝石 掉 下 ， 小 猫 得 避 开 炸弹 ， 以 免 被 炸 而 减少 
当然 , 小 猫 可 以 接 住 空中 掉 下 的 宝石 ， 来 增加 自己 的 能 量 。 当 能 量 足 够 大 时 ， 就 可 以 攻 
当 能 量 足够 大 时 ， 房 屋 就 显示 出 来 。 
结果 : 小 猫 历 经 磨难 ， 终 于 回 到 了 家 ， 并 再 也 不 独自 外 出 游玩 了 。 


人 词性 分 析 

1) 找 名 词 和 动词 ， 确 定 角色 

根据 功能 描述 ， 找 到 的 名 词 有 小 猫 、 森 林 、 山 路 、 幽 灵 、 炸 弹 、 宝 石 、 房 屋 、 能 量 。 动 词 有 
游玩 、 迷 失 、 历 经 、 寻 找 、 出 现 、 抓 到 、 掉 下 、 避 开 、 接 住 、 攻 击 、 显 示 。 为 这 些 动词 找 主语 ， 
如 小 猫 游 玩 、 迷 失 、 寻 找 、 避 开 、 接 住 、 攻 击 ， 幽 灵 出 现 、 抓 到 ， 宝 石 掉 下 ， 房 屋 显示 。 把 具有 
动作 行为 的 名 词 确定 为 角色 ， 包 括 小 猫 、 幽 灵 、 宝 石 、 山 路 、 房 屋 。 

2 ) 找 数据 和 关系 ， 确 定 变量 和 逻辑 

根据 功能 描述 ， 与 数据 有 关 的 是 : 时 不 时 、 增 加 能 量 、 足 够 大 。 其 中 ， 需 要 保存 的 数据 是 能 
量 。 因 此 ， 需 要 建立 “能 量 ”变量 。 与 逻辑 有 关 的 是 : 条 件 结构 《如 ， 如 果 被 幽灵 抓 住 ,小 猫 就 
没命 了 ; 当 小 猫 能 量 足 够 大 时 ， 可 以 攻击 幽灵 ， 房 屋 就 显示 ) ， 循 环 结构 (如 ， 幽 灵 、 炸 弹 或 宝 
石 时 不 时 出 现 ) 。 角 色 房屋、 小 猫 ) 之 间 的 关系 是 : 当 能 量 足够 大 时 ， 房 屋 出 现 ， 且 通知 小 划 
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根据 前 面 的 需求 分 析 ， 形 成 了 角色 行为 设计 图 ， 如 图 6-28 所 示 。 
森林 
造型 @ 角色 库 添加 
根据 路 面 上 坡 或 下 坡 
行为 


跳 起 答 避 障碍 物 
造型 © 路 面 1、 路 面 2 


行为 人 @“ 右 方向 键 控制 其 左 移 ， 两 个 路 面 循环 滚动 


. 造型 @ 角色 库 添加 
初始 位 置 、 方 向 
克隆 多 个 ， 随 机 出 现 并 移动 


造型 日 宝石、 炸弹 
随机 造型 并 落下 ， 宝 石 出 现 的 概率 大 一 些 


如 果 宝 石 碰 到 小 猫 ， 则 能 量 加 10 分 
如 果 炸 弹 碰 到 小 猫 ， 则 能 量 减 5 分 


行为 


造型 日 绘制 房子 
行为 @ 隐藏 ， 当 能 量 值 大 于 100 时 ， 出 现 


图 6-28 角色 行为 设计 


有 关 小 猫 的 行走 、 跳 起 和 路 面 的 循环 滚动 功能 前 面 已 经 实现 。 此 处 不 再 珍 述 。 游 戏 中 的 角色 
及 命名 如 图 6-29 所 示 ， 降 落 物 角色 设置 了 两 个 造型 : 炸弹 和 钻石 。 


本 
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基于 计算 思维 的 Scratch 项 目 式 编程 


和 


@ 幽灵 出 没 


内 (如 5~20 秒 ) 随机 出 现 ， 并 面向 小 猫 移 动 。 当 碰 到 其 中 一 个 路 面 ， 就 消失 即 隐藏 掉 ; 当 碰 到 


图 6-29 游戏 角色 列表 


首先 根据 小 猫 和 幽灵 的 相对 方向 看 ， 需 要 将 幽灵 的 造型 进行 左右 翻转 ， 然 后 


企 一 个 时 间 范 转 


小 猫 时 ， 游 戏 终止 。 参 考 脚 本 如 图 6-30 所 示 。 


图 6-30 ”幽灵 出 没 


人 降落 物 出 现 
降落 物 有 两 个 造型 : 炸弹 和 宝石 ， 通 过 随机 数 来 控制 每 种 造型 出 现 的 概率 。 比 如 ， 生 成 


1~ 5 之 间 的 随机 数 ， 如 果 随机 数 等 于 1， 则 钻石 出 现 ; 若 为 2 或 3 或 4 或 5， 则 显示 炸弹 。 降 落 物 角 


色 作为 克隆 体 


启动 


下， 需要 判断 降落 物 是 炸弹 还 是 宝石 ， 此 时 使 用 “ 侦 测 ” 


对 于 降落 物 ”的 指令 ， 从 而 增加 或 减少 能 量 值 ， 脚 本 如 图 6-31 所 示 。 


和 


模块 下 的 “造型 编号 


@ 小 猫 跳 起 


程序 中 ， 当 
路 面 在 左 移 。 当 


小 鸟 》 中 有 详细 
所 示 。 


按 下 右 移 键 时 ， 小 猫 看 起 来 像 是 在 向 右 移动 。 但 实际 上 ,小 \ 猫 在 原 地 不 动 ， 是 


F 角 色 的 跳跃 在 项 


介绍 ， 这 里 直接 编写 脚本 。 若 需要 ， 可 以 复习 项 目 5 的 内 容 。 参 考 肝 


图 6-32 


小 痢 跳 起 脚本 


幽灵 面向 小 猫 移 动 ， 而 又 没有 山坡 来 阻挡 幽灵 时 ， 小 , 猫 衣 定 会 磁 到 幽灵 ， 所 以 ， 
玩家 需要 控制 小 猫 跳 起 《如 按 下 空格 键 ) ， 来 思 避 幽灵 入 侵 。 关 了 


目 5《 跳 跃 的 


本 如 图 6-32 
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基于 计算 思维 的 Scratch 项 


pp 


向 发 生 了 改变 。 为 什么 跳 起 时 方向 


试 程序 发 现 ， 在 小 猫 跳 起 过 程 中 ， 面 向 角度 即 方 


会 改变 呢 9 


脚本 。 


为 在 “ 绿 旗 ” 事 件 里 ， 我 们 编写 了 只 要 没 


可 生 到 路 面 就 让 小 猫 不 断 右 转 1 


度 的 


那 如 何 才能 让 省 


\ 猫 在 跳 起 时 不 改变 原来 的 方向 呢 


现 。 当 程序 运行 时 ， 设 定 标 志 变 量 值 为 0， 表 示 小 猫 没 有 跳 起 ; 当 按 下 空格 键 小 独 跳 起 


设 定 标志 变量 值 为 1， 
上 下 坡 的 脚本 中 就 要 关 


改变 角 


度 。 修 改 后 的 及 


表示 小 猫 跳 起 的 状态 ; 


1 断 标志 变量 的 值 ， 只 有 当 值 为 0 时 ， 


本 如 


图 6-33 所 示 。 


反复 运行 程序 ， 观 察 有 没有 问题 出 现 。 


@ 房屋 出 现 
当 能 量 值 大 于 100 时 ， 房 屋 出 现 ， 显 示 成 功 信息 ， 并 发 送 广播 。 当 小 猫 收 到 广播 时 , 说 : 终 


当 


Ne ee ee 


图 6-33 ”小 猫 跳 起 时 不 改变 方向 


于 回 家 了 ! 游戏 结束 。 对 应 的 脚本 如 图 6-34 所 示 。 


9? 这 里 可 以 建立 一 个 标志 变量 来 实 


时 ， 


当 小 猫 落 地 时 重新 设 定 标 志 变 量 为 0。 在 小 猫 
也 就 是 小 猫 没 有 跳 起 时 ， 才 可 以 


pg 


当 接收 到 小 猫 加 家 了 
说 EEEEIN Ot 


停止 全 部 


图 6-34 ”房屋 出 现 , 小 狮 回 家 


运行 程序 的 界面 截图 如 图 6-35 所 示 。 


图 6-35 《小 猫 历险 记 》 游 戏 界面 


6.5， 本 章 小 结 


6 小 猫 历险 记 


在 本 项 目 中 ， 主 要 学 习 了 如 何 让 屏幕 滚动 起 来 ， 并 与 项 目 5 中 的 跳跃 功能 结合 起 来 ， 完 成 了 
《小 独 历 险 记 》 游 戏 。 在 即将 学 习 的 项 目 7 中 , 将 结合 Scratch 中 的 链表 ， 学 习 如 何 


径 、 如 何 让 随 


绘制 随机 路 


几 路 径 持 续 滚 动 ， 再 与 跳跃 类 游戏 结合 ， 你 会 迎接 一 个 新 的 挑战 ， 加 


7.1; 链表 及 其 使 用 


在 前 面 的 编程 中 ， 我 们 学 习 了 使 用 变量 来 存储 数据 ， 如 : 得 分 、 倒 计时 等 等 。 一 旦 建立 了 变 
量 ， 程 序 就 会 在 内 存 中 随机 开辟 一 块 空间 给 该 变量 ， 且 变量 一 次 只 能 保存 一 个 数据 。 试 想 ， 如 果 
需要 存储 大 量 相同 类 别 的 变量 ， 如 20 个 同学 的 姓名 ， 若 用 20 个 变量 存储 ， 内 存 中 就 会 有 20 个 地 
址 不 连续 的 存储 空间 ， 这 样 很 不 方便 后 期 的 数据 读 取 和 管理 。 为 此 ，Scratch 还 提供 了 另 一 种 存 
储 数据 的 方式 ， 即 链表 。 


在 Scratch 中 ， 当 需要 存储 大 量 的 类 似 数据 时 ， 可 以 使 用 “链表 ”。 
有 些 高 级 语言 中 有 “数组 ”和 “列表 ”的 概念 ， 链 表 在 这 里 与 列表 类 
似 ， 可 以 存 取 数据 ， 也 可 以 在 任何 位 置 插入 、 删 除数 据 ， 等 等 。 建立 链 
表 和 建立 变量 的 方法 一 样 ， 在 “数据 ”模块 下 找到 “新 建 链表 ”， 提 示 
链表 名 称 以 及 作用 域 ， 比 如 叫 “ 位 置信 息 ”， 并 设置 为 “适用 于 所 有 角 
色 ”， 这 样 程序 中 的 每 个 角色 都 可 以 使 用 这 个 链表 。 如 图 7-1 所 示 ， 显 
示 了 链表 的 名 称 〈 位 置信 息 ) 、 长 度 〈《25 个 数据 ) ， 左 侧 一 列 是 数据 的 
序号 ， 类 似 于 房间 号 ， 每 个 序号 对 应 一 个 数据 。 


关 链 表 的 指令 可 以 分 为 三 大 类 : 一 类 是 添加 、 删 除 和 修改 ， 一 类 是 显示 
和 隐藏 ， 另 一 类 是 取得 数据 ， 如 返回 某 个 序号 对 应 的 数据 或 者 链表 的 长 度 或 者 画 
是 否 包含 某 个 数据 ， 如 图 7-2 所 示 。 


和 


1 

! 

图 7-2 链表 操作 指令 ! 

@ 数据 的 增删 改 

1) 插入 数据 (insert) ! 
插入 数据 的 指令 有 两 个 : 一 个 指令 是 “将 数据 加 入 到 链表 中 ” ， 默 认 是 加 到 链表 的 尾部 ， 就 Lig 
像 在 食堂 排队 打 饭 ， 新 来 的 同学 都 加 入 到 队 尾 ， 队 伍 不 断 变 长 ; 另 一 个 指令 是 在 链表 的 指定 位 置 让 
上 插入 数据 ， 这 样 会 更 加 灵活 。 比 如 ， 在 银行 排队 办 理 业务 时 ， 如 果 有 人 着 急 赶 飞机 的 话 ， 工作 ! 。 
人 员 会 在 确认 事情 属实 的 情况 下 ， 让 其 插入 到 队伍 中 。 | 9» 

2 ) 删除 数据 (delete ) 1 
指定 链表 名 称 和 序号 ， 可 以 把 该 序号 处 的 数据 删除 掉 ， 其 他 数据 前 移 。 比 如 ， 班 级 里 20 个 


同学 ， 现 在 1 位 同学 转学 了 ， 这 时 就 可 以 把 他 从 链表 中 删除 掉 ， 此 时 链表 的 长 度 变 为 19。 

3 ) 替换 数据 (replace ) 

如 果 发 现 某 个 序号 对 应 的 数据 需要 修改 ， 这 时 可 以 使 用 该 指令 ， 即 replace item【〈 序 号 ) of 
链表 名 with 数据 ， 即 用 什么 数据 替换 掉 哪 个 链表 中 的 哪个 序号 对 应 的 数据 。 

@ 数据 读 取 

可 以 通过 指令 将 指定 序号 里 的 数据 读 取出 来 ， 可 以 统计 出 指定 链表 的 长 度 〈《 即 包括 多 少 个 
数据 ) ， 还 可 以 判断 链表 里 是 否 含有 给 定 的 数据 〈 即 查询 ) ， 若 舍 有 则 返回 逻辑 真 ， 若 不 含有 由 
返回 逻辑 假 。 例 如 ， 建 立 链表 存储 4 个 运算 符 ， 如 图 7-3 所 示 ， 阅 读 该 程序 脚本 ， 说 明 4 个 指令 的 
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基于 计算 思维 的 Scratch 项 目 式 编程 


P. 依 大 不 并 庆 


外 名 妆 轩 村 扩 符号/， 如 果 
时 


图 7-3 ”链表 操作 实例 


.2， 路径 绘制 及 移动 


在 项 目 4“ 涂 鸦 世界 ”中 ， 我 们 学 习 了 结合 数学 函数 ， 使 用 “画笔 ”模块 
的 指令 在 舞台 上 绘制 各 种 形状 的 直线 或 曲线 。 这 些 直线 或 曲线 也 完全 可 以 当 作 
简易 的 路 径 ， 为 游戏 增加 随机 和 动态 的 效果 。 2. 绘制 直线 路 径 


@ 绘制 直线 路 径 

比如 我 们 想 绘制 高 低 不 平 的 直线 ， 如 图 7-4 所 示 。 可 以 让 x 坐标 初始 值 为 -240， 让 其 不 断 增 
加 ， 每 增加 一 段 (如 每 次 增加 80〉，y 坐 标 则 每 次 在 (-100，100) 之 间 取 一 个 随机 数 ， 如 此 ， 
就 会 在 屏幕 上 出 现 有 高 有 低 的 直线 路 径 。 

人 重新 绘制 路 径 

1) 保存 坐标 数据 国 凤 
如 果 想 让 小 猫 能 重 走 一 遍 这 段 路 笃 ， 该 如 何 实现 呢 ? 所谓 重 走 这 段 路 径 ， 其 i 
实 先 用 链表 存储 这 段 路 径 上 一 系列 关键 点 的 坐标 值 ， 然 后 需要 时 读 取 出 来 , 作为、 首 呈 时 
小 猫 的 位 置信 息 ， 从 而 实现 小 猫 重 走路 径 。 程 序 部 分 截图 如 图 7-5 所 示 。 3. 重 走路 径 


Se 


tixeDpyO 


图 7-5 在 链表 中 存储 坐标 数据 


= 


> 


2 ) 重新 绘制 路 径 Lp 
想 让 另 一 个 角色 重 走路 径 ， 需 要 读 取 链 表 里 的 坐标 数据 。 建 立 变 量 j， 初 值 为 1 ， 作 为 链表 的 | 
序号 。 从 图 7-5 可 以 分 析出 ，x 坐 标 对 应 的 序号 是 1、3、5…… 都 是 奇数 ; y 坐 标 对 应 的 序号 是 2、 
4、 6 是 偶数 ， 因 此 分 别 用 通用 表达 式 2*i-1 与 2*i 表 示 。 脚 本 如 图 7-6 所 示 ， 这 里 使 用 “将 | 个 
x 坐标 设 定 为 …” 和 “将 y 坐 标 设 定 为 …”。 运 行程 序 ， 观 察 小 猫 是 否 能 重新 绘制 这 条 路 径 ? 《 


图 7-6 重 走路 径 
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次 
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基于 计算 思维 的 Scratch 项 目 式 编程 


通过 “动作 ”模块 下 的 移动 指令 ， 除 了 “ 设 定 x 坐标 ”和 “ 设 定 y 坐 标 ” 外 ， 也 可 以 直接 “ 移 
到 x 和 y 坐 标 ”。 尝 试 把 图 7-6 中 “ 设 定 x 坐标 和 y 和 坐标 ”两 条 指令 更 改 为 “ 移 到 x 坐标 和 y 和 坐标 ”， 


那么 程序 运行 结果 如 何 呢 ? 


如 图 7-7 中 的 蓝 色 路 径 ， 为 什么 绘制 出 了 笠 线 路 径 呢 ? 显然 ，“ 移 到 x 和 y 和 坐标 ”是 一 条 指令 ， 


代表 一 个 坐标 点 ， 所 以 就 会 在 起 点 和 终点 之 间 绘 制 一 条 和 斜 线 线段 。 而 指令 “ 设 定 
x 坐标 ”， 也 指 一 个 点 ， 这 个 点 的 x 坐标 改变 了 ， 而 y 坐 标 没有 改变 ， 因 此 绘制 了 
“ 设 定 y 坐 标 ”， 也 指 一 个 点 ， 设 总 的 x 坐标 不 变 ，y 


一 条 水 平 横 线 ; 同 理 ， 指 令 


坐标 改变 ， 因 此 绘制 了 一 条 重 


竖 线 。 这 种 指令 之 间 的 微小 差 恒 需要 关注 。 4. 移动 指令 再 认识 


@) 绘制 曲线 路 径 
1) 保存 坐标 数据 


在 项 目 4“ 涂 鸦 世界 ”中 ， 
径 。 如 图 7-8 所 示 ， 可 以 将 每 次 调用 “正弦 函数 ”过 程 中 的 x 坐标 和 y 坐 标 


和 


图 7-7 移动 指令 再 认识 


我 们 学 习 了 如 何 绘制 正弦 曲线 以 及 随机 的 曲 


到 链表 中 。 比 如 ， 某 次 程序 运行 后 ， 链 表 “ 位 置 ” 的 长 度 是 720， 表 示 曲 线 上 由 360 个 坐标 点 组 
成 。 当 然 ， 因 为 “角度 ”变量 的 初 值 通过 随机 数 产生 ， 所 以 链表 存储 坐标 数据 的 多 少 也 是 不 确定 
的 。 程 序 运行 时 某 次 绘制 的 波形 图 如 图 7-9 黄 线 所 示 。 


人 要 
图 7-8 ”绘制 曲线 
. 
多 
ES 


图 7-9 曲线 效果 


2 ) 重 走路 径 

既然 链表 中 存储 了 大 量 的 点 的 位 置信 息 ， 那 么 就 可 以 读 取 这 些 点 的 坐标 , 重 对 人 
新 原样 绘制 曲线 ， 如 图 7-9 所 示 红 色 曲线 ， 对 应 的 脚本 如 图 7-10 所 示 。 注 意 : 这 ” 国 时 省 相 综 
个 程序 中 如 果 用 “ 移 到 x 和 y 坐 标 ” 指 令 ， 也 能 达到 该 效果 ， 因 为 链表 里 存储 了 足 
够 多 的 坐标 数据 ， 点 的 分 布 密集 ， 点 和 点 之 间 的 距离 非常 得 ， 以 致 肉眼 可 以 忽略 掉 斜 线 写 水 平 线 
段 或 垂直 线段 之 间 的 差别 。 


pe 


Bh] 
习 滁 着 圣 疯 率 席 


况 违 训 品 注 本 漆 十 
状 休 于 


图 7-10” 重 走 曲线 路 径 


如 果 希 望 路 径 能 够 不 断 左 移 ， 该 如 何 实 现 呢 9 这 里 需要 先 理解 “ 擦 和 写 ” 的 绘制 过 程 及 其 


效果 。 
. 《人 擦 和 写 过 程 
前 面 我 们 学 习 过 ， 如 果 多 个 造型 位 置 不 同 ， 让 其 连续 切换 播放 的 话 ， 就 会 产生 动画 效果 。 党 
x 试 绘制 一 个 角色 造型 ， 再 将 其 复制 出 多 个 造型 ， 每 个 造型 的 中 心 点 设置 不 同 ， 如 图 7-11 (1) 所 
多 1! 示 ， 编写 脚本 让 造型 切换 ， 你 看 到 什么 效果 了 呢 ? 是 不 是 小 球 在 自 右 向 左 移动 呢 9 
© 
1 
这 下 一 个 造型 
3 yy 
人 全 一 
_A a 
~ 一 


图 7-11 (1) ”切换 造型 形成 移动 效果 


和 


切换 下 一 个 造型 ， 意 味 着 原先 的 造型 消失 ， 新 的 造型 显示 ; 当前 造型 再 消失 ， 新 的 造型 再 出 
现 ， 再 消失 …… 所 以 ， 这 其 实 就 是 一 个 “ 擦 和 写 ” 的 过 程 ， 即 清除 和 绘制 的 过 程 。 基 于 该 原理 ， 
如 果 想 让 一 条 路 径 有 移动 效果 ， 就 可 以 先 在 一 个 起 点 上 绘制 路 径 ， 然 后 擦 除 ; 接着 再 在 第 一 个 起 
点 上 绘制 路 径 ， 再 擦 除 … 每 个 起 点 上 绘制 的 路 径 相 对 于 一 个 造型 ， 该 造型 绘制 ( 写 ) 后 再 消失 
( 擦 〉，， 再 绘制 再 擦 除 ， 是 不 是 看 起 来 像 是 这 条 路 径 在 移动 呢 ? 如 图 7-11(2) 所 示 ， 显 示 了 路 
径 移动 的 过 程 。 


图 7-11 (2) ”造型 切换 达到 路 径 移 动 效 果 


@ 编程 实现 

和 项 目 6 中 的 场景 滚动 一 样 ， 这 里 也 设置 变量 scrollX， 该 变量 初 值 为 0。 依 次 读 取 链表 中 的 x 
坐标 ， 使 其 在 原来 基础 上 增加 scrollX， 即 让 其 x 坐 标 减 小 ， 最 终 在 原来 路 径 的 左 侧 位 置 上 绘制 
遍 路 径 ;之 后 ，scrollX 再 减 小 ， 又 重新 在 左 侧 位 置 绘制 一 遍 路 径 。 重 复 这 个 过 程 ， 每 一 遍 路 径 
相当 于 一 个 造型 ， 如 此 ， 就 形成 了 路 径 不 断 左 移 的 效果 。 参 考 脚本 如 图 7-12〈1) 所 示 。 将 变量 
scrollX 显 示 出 来 ， 观 察 当 路 径 移出 舞台 左 侧 边缘 时 ， 该 值 为 -480， 因 此 ， 将 “scrollX<-480” 
作为 循环 终止 的 条 件 。 
建立 过 程 “ 重 新 绘制 ”， 传 递 不 同 的 位 置 参数 scrolX， 将 其 和 链表 中 取出 的 x 坐 标 相 加 ， 作 
为 新 的 路 径 的 x 坐标 。 因 为 在 生成 链表 时 依次 保存 的 是 每 个 点 的 x 坐标 和 y 坐 标 ， 即 x 坐标 存 储 在 
奇数 下 标 位 置 ，y 坐 标 存储 在 偶数 下 标 位 置 ， 所 以 在 读 取 相应 坐标 时 ， 建 立 i 变 量 ， 让 ;变量 初 值 为 
1。 每 次 循环 中 ， 分 别 取 出 x 坐标 和 y 坐 标 对 应 的 数据 。 循 环 终止 的 条 件 是 i 值 大 于 链表 长 度 /2。 该 
过 程 的 脚本 如 图 7-12 (2 ) 所 示 。 
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俯 


@ 


一 一 一 一 一 一 局 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 人 


基于 计算 思维 的 Scratch 项 目 式 编程 


0 | 


显示 0.5 秒 ， 
擦 除 路 径 


A 


重复 “ 写 和 擦 ” 


调用 过 程 ， 
绘制 路 径 


$l x: @D Y: 0 


图 7-12〈1) ”路 径 的 绘制 和 擦 除 


图 7-12 (2) ”建立 过 程 ， 绘 制 路 径 


运行 程序 观察 效果 ， 是 不 是 路 线 的 左 移 不 是 很 流畅 ? 其 实 ， 可 以 设置 重 
新 绘制 的 过 程 为 “运行 时 不 刷新 屏幕 ” ， 方 法 是 在 “更 多 积木 ”模块 中 找到 过 
程 ， 右 击 后 执行 “编辑 ”命令 ， 得 到 如 图 7-13 所 示 的 界面 。 再 运行 程序 ， 观 察 
路 径 的 移动 效果 ， 是 不 是 流畅 很 多 了 呢 9 


修改 积木 


© 
v 选 需 


添加 一 个 款 字 者 堵 : 
添加 一 个 字符 串 套数 : 
添加 一 个 布尔 参数 : 
添加 文本 标签 : 


确定 取消 


图 7-13 ”设置 过 程 运 行 时 不 刷新 屏幕 


600 


上 例 实现 了 一 条 路 径 自 右 向 左 移动 ， 起 初 路 径 绘 制 在 舞台 上 ， 当 路 径 移 出 舞台 时 ， 即 


scrollX < -480 时 ， 如 果 想 让 其 再 
据 ， 第 一 个 点 的 x 坐 标 初 值 为 240， 即 舞台 右 侧 边缘。 之 
路 径 在 舞台 右 { 


时 ， 再 次 产生 链表 数据 ， 如 此 重复 这 个 过 程 。 
(@ 生成 路 径 过 程 


建立 链表 


回 到 舞台 右 仙 边缘， 那么 需要 让 链表 重新 存储 新 的 路 径 坐 标 数 
后 ， 继 续 绘制 路 径 ， 这 次 相当 于 起 初 的 
出 边缘 不 断 左 移 ， 当 移出 舞台 时 ， 相 当 于 移动 了 两 个 屏幕 宽 


度 ， 即 scrollX < -960 


“位 置 1”， 作 用 范围 选择 “适用 于 当前 角色 ” 即 可 。 在 程序 运行 时 ， 需 要 先生 成 


路 径 坐 标 数据 


保存 在 链表 “位 置 1” 中 。 因 为 路 径 起 初 需要 绘制 在 舞台 上 ， 所 以 其 最 左 侧 的 起 


点 设置 为 (-240，0) ， 即 x 坐标 从 -240 开 始 。 当 路 径 移出 舞台 左 侧 边缘 ， 
绿 ， 即 此 时 的 起 点 为 《240，0) ，x 坐 标 从 240 开 始 。 


需要 重新 回 到 右 侧 边 


所 以 ， 这 里 用 flag 变 量 来 作为 区 分 标记 ， 当 flag=0 时 ，startX=-240， 


startX=240。 


因为 在 程序 中 需要 多 次 产生 坐标 数据 


此 将 这 段 程序 脚本 写 在 过 


反之 ， 


程 里 ， 名 称 为 “产生 表 ”。 其 中 用 到 的 变量 是 flag、startX、changeX， 
“适用 于 当前 角色 ” 即 可 。 程 序 脚本 如 图 7-14 所 示 。 


设置 为 “国生 莹 各 站 
8. 生成 路 径 


@ 


基于 计算 思维 的 Scratch 项 目 式 编程 


Pp 


图 7-14 “产生 表 ” 过 程 


@) 绘制 路 径 过 程 

绘制 路 径 主要 是 设置 好 笔 的 颜色 和 粗细 后 ， 从 链表 “位 置 1” 中 把 坐标 信息 逐个 读 取 出 
并 落笔 绘制 ， 直 到 将 链表 中 的 所 有 位 置信 息 读 完 ， 则 路 径 绘 制 完成 。 | 
因此 程序 中 也 需要 多 冯 “ 绽 制 聊 储 ”， 所 以 ,可 以 建立 “绘制 中 任 ” 过程 ,在 议 先 六 国名 
过 程 中 ,传递 参数 scrolX， 逐 个 取出 链表 中 的 x 坐标 ， 并 与 该 变量 相 加 。scrollX 不 断 减 ” 男 守 & 澡 寻 
少 ， 因 此 绘制 的 路 径 起 点 不 断 左 移 。 程 序 脚本 如 图 7-15 所 示 。 9. 绘制 路 径 


将 x 坐标 设 定 为 ”第 = 各 -加 mF eel + scrolx 


将 y 生 标 设 定 为 第 和 = 各 项 于 tl 


图 7-15 “绘制 路 径 ” 过 程 


Si 


Np 


@) 绘制 初始 路 径 


当 程 序 运 行 时 ， 在 舞台 上 先 绘制 出 一 段 路 径 ， 为 此 ， 需 要 先 清空 舞台 ， 依 次 调用 “产生 表 ” 


和 “绘制 路 径 ” 两 个 过 程 ， 


@@ 重复 绘制 路 径 


将 flag 和 scrollX 初 值 设 置 为 0。 脚 本 如 图 7-16 所 示 。 


图 7-16 ”绘制 初始 路 径 


重复 绘制 路 径 ， 也 就 是 重复 调用 “绘制 路 径 ” 过 程 ， 每 次 重复 让 变量 scrollX 减 小 。 那 么 该 
重复 何 时 终止 呢 9 如 果 该 路 径 首先 显示 在 舞台 上 ， 即 x 坐 标 为 -240， 那 么 当 其 移出 舞 合 到达 右 
侧 边 绿 外 时 ， 相 当 于 移动 了 一 个 舞台 屏幕 《宽度 为 480 像 素 ) ， 对 应 的 scrollX 变 量 从 0 不 断 减 少 


到 -480， 因 此 ， 此 时 判断 的 条 件 是 scrollX < -480。 但 此 后 开始 ， 路 径 需 


要 从 舞台 右 侧 边 绿 开 始 ， 不 断 左 移 直 到 移出 舞台 左 侧 边 绿 ， 相 当 于 移动 了 


两 个 狂 台 宽度 ， 所 以 判断 条 件 是 scrollX < -960。 因 此 ， 这 里 通过 flao 来 做 次 和 各 过 


判断 ， 让 value 分 情况 取 值 。 


程序 脚本 如 图 7-17 所 示 。 10. 一 条 路 径 重复 移动 


图 7-17 分 情况 判断 重复 终止 条 件 


当 路 径 移出 舞台 左 侧 边 缘 时 ， 就 将 变量 flag 设 置 为 1， 并 且 调 用 “产生 表 ” 过 程 ， 链表“ 位 


置 1” 中 就 有 了 新 的 坐标 数 扩 


居 。 当 按 下 空格 键 时 ， 重 复 这 个 过 程 ， 就 会 看 到 路 径 自 左 向 右 不 断 移 


动 。 脚 本 如 图 7-18 所 示 。 


@ 


PE 


基于 计算 思维 的 Scratch 项 目 式 编程 


图 7-18 ”重复 绘制 路 径 


@ 让 路 径流 畅 移动 
运行 程序 ， 观 察 路 径 移动 效果 ， 是 不 是 发 现 路 径 移动 时 一 闪 一 闪 的 9 这 是 因为 路 径 反 复 地 绘 


制 和 清除 ， 属 于 


E 常 现象 。 但 是 我 们 可 以 稍 加 改善 。 除 了 在 建立 “绘制 过 程 ” 时 设置 “运行 时 


不 刷新 屏幕 ”， 还 可 以 单 击 “编辑 ”一 “加 速 模式 ”命令 ， 再 运行 程序 ， 路 径 移动 时 是 否 更 
加 流畅 一 些 9 当然 ， 绘 制 路 径 后 等 待 的 时 间 多 少 也 会 改变 闪 动 的 频率 ， 可 以 根据 需要 设置 等 待 


时 间 。 


与 项 目 6 中 的 场景 移动 类 似 ， 如 果 想 让 屏幕 上 的 路 径 不 间断 出 现 ， 则 需要 再 建立 一 个 “路 径 


2” 角 色 ， 让 该 角 
个 坐标 数据 是 (2 


色 也 重复 绘制 路 径 。“ 路 径 2” 的 初始 位 置 在 舞台 右 侧 边缘 即 可 ， 即 链表 第 一 
40，0) ， 当 按 下 空格 键 后 ， 从 右 侧 开始 向 左 移动 ， 直 到 移出 舞台 左 侧 边缘， 


相当 于 移动 了 两 个 舞台 宽度 ， 因 此 ， 与 “路 径 1” 的 后 续 移动 过 程 相 同 。 
@ 绘制 “路 径 2” 


将 “路 径 1” 角 色 复 制 后 ， 新 的 角色 名 称 自动 改 为 了 “路 径 2”。 在 “路 径 2” 角 色 中 建立 变 


量 scrollX， 适 用 于 当前 角色 ， 设置 初 值 为 0， 建 立 value 和 changeX 变 量 ， 同 样 适用 于 当前 角色 。 


Ne 


Np 


不 需要 建立 变量 flag 和 startX， 因 为 “路 径 2” 与 “路 径 1” 不 同 ， 程 序 开 始 时 不 需要 先 出 现在 舞 


会 上 
口 J 


疾 


此 外 ， 还 需要 建立 一 个 “适用 于 当前 角 
居 。 
1) 生成 路 径 过 程 


“路 径 2” 产 生 数据 的 过 程 比 “ 路 径 1” 稍 微 简 和 


分 两 种 情况 设 


图 7-19 (1) 
2 ) 绘制 路 径 过 程 


“路 径 2” 绘 制 路 径 过 程 与 “路 径 1” 角 色 完全 一 样 ， 参 考 脚本 如 


图 7-19 (2) 


Li 帮 


色 ” 的 链表 “位 置 2”， 保 存 “ 路 径 2 ”的 坐标 


， 参 考 脚 本 如 图 7-19(1) 所 示 。 


产生 


“路 径 2” 数 据 


绘制 路 径 过 程 


一 些 ，value 值 不 需 


11. 两 条 路 径 重复 移动 


图 7-19 (2) 所 示 。 


Sn 


基于 计算 思维 的 Scratch 项 目 式 编程 


3 ) 重复 绘制 路 径 

当 单 击 绿 旗 程 序 开始 时 ， 让 角色 隐藏 即 可 。 当 按 下 空格 键 时 ， 先 调用 “产生 表 ” 过 程 ， 让 
“位 置 2” 链 表 中 保存 路 径 坐 标 数据 。 之 后 将 scrollX 设 置 为 0， 进 入 重复 结构 ， 将 其 减少 5， 并 作 
为 参数 传递 给 过 程 “绘制 路 径 ” ， 路 径 绘 制 好 后 显示 0.3 秒 就 被 
清空 ， 再 重复 刚才 的 绘制 过 程 ， 直 到 scrollX < -960， 即 路 径 移 
出 了 舞台 。 又 重新 调用 “产生 表 ” 过 程 ， 产 生 新 的 坐标 数据 ， 
可 到 舞台 右 侧 。 脚 本 如 图 7-19〈(3) 所 示 。 
运行 程序 ， 观 察 路 径 是 否 能 重复 移动 。 移 动 过 程 如 果 不 流 
畅 ， 可 将 “绘制 路 径 ” 过 程 设置 为 “运行 时 不 刷新 屏幕 ” ， 并 
且 单 击 “ 编 辑 ” 菜 单 开启 “加 速 模式 ”， 同 时 适当 修改 scrollX 
图 7-19 (3) ”重复 绘制 “路 径 2” ” 值 与 等 待 时 间 。 

人 青蛙 跳跃 

既然 实现 了 路 面 随机 不 断 地 滚动 ， 再 加 上 角色 “青蛙 ”， 让 其 在 空格 键 的 控制 下 跳 起 。 一 旦 
青蛙 磁 到 红线 ， 游 戏 就 结束 。 有 关 角 色 跳 跃 在 项 目 5《 跳跃 的 小 鸟 》 中 已 经 有 详细 介绍 ， 这 里 可 
以 把 该 游戏 中 的 小 鸟 造型 连同 角色 上 的 程序 导入 进来 ， 方 法 如 下 : 

1) 保存 角色 

打开 “跳跃 的 小 鸟 ”文件 ,选中 小 鸟 角色 ， 右 击 ，“ 保 存 到 计算 机 ”后 ， 确 定 其 存储 位 置 ， 
文件 名 会 在 角色 名 后 面 加 上 .sprite。 比 如 ，“ 小 鸟 ”角色 保存 后 的 文件 
是 “小 岛 .sprite”， 如 图 7-20(1) 所 示 。 

2) 上 传 角色 
打开 “青蛙 跳跃 ”文件 ， 在 角色 区 单 击 “ 从 本 地 文件 中 上 传 ”， 找 
到 刚刚 保存 的 文件 ， 打 开 能 看 到 小 鸟 的 造型 和 脚本 ， 如 图 7-20 (2 ) 所 
示 。 找 到 该 角色 造型 ， 将 其 换 成 青蛙 即 可 。 

再 修改 青蛙 角色 上 的 脚本 ， 如 图 7-21 所 示 。 

全 昆虫 出 现 

为 了 增加 游戏 的 趣味 性 ， 假 设 在 动态 路 径 上 ， 有 一 只 昆虫 走 来 走 去 ， 时 隐 时 现 ， 青 蛙 跳跃 过 
程 中 希望 能 吃 到 昆虫 ， 磁 到 一 次 昆虫 ， 就 让 得 分 增加 1 分 。 但 是 吃 昆虫 也 有 风险 ， 在 这 个 过 程 中 


Se 


info 
复制 
归队 


a ， “保存 到 计算 机 
保存 到 计算 机 : 


隐藏 frog 


图 7-20(1) ”保存 角色 图 7-20 (2) 上传 角 


区 


图 7-21 青蛙 跳跃 
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多 次 运行 程序 ， 看 看 程 语 


叫 
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《 贪 吃 蛇 》 游 戏 设计 与 实现 


《 贪 吃 蛇 》 是 一 款 经 典 好 玩 的 小 游戏 ,游戏 规则 很 简单 ， 主 
4 个 方向 移动 ， 吃 掉 尽 可 能 多 的 食物 ， 让 


者 障碍 物 。 虽 和 然 游戏 规则 简 自 


游戏 的 设计 条 


As 


需求 分 析 


@ 功能 描述 


时 间 : 
地 点 : 
人 物 : 
起 因 : 


时 间 不 限 
从 或 地 本 
贪 吃 电 、 食 物 


什么 不 足 之 处 ， 及 时 修改 和 调整 。 至 此 ， 动 态 路 径 重 复 
很 多 收获 ， 加 油 ! 


两 点 : 一 是 蛇 可 


以 上 下 左右 


己 的 身体 变 得 越 来 越 长 ; 
a， 但 是 玩家 需要 集中 精力 ， 稍 有 


不 愤 ， 游 戏 就 会 结束 。 


二 是 避免 磺 到 


者 也 制定 了 更 多 丰富 的 规则 ， 比 如 ， 限 定时 间 、 加 障 
0 制作 ， 其 界面 如 图 7-23 所 示 。 


省 此 要 想 变 长 


， 需 要 吃 掉 尽 可 能 多 


的 


物 ， 


F 是 小 蛇 就 到 处 寻找 


碍 物 ， 等 等 。 下 面 开 始 学 习 


己 的 身体 或 
当然 ,很 多 
《 贪 吃 蛇 》 


经 过 : 小 蛇 在 方向 键 的 控制 下 朝 着 上 下 左右 4 个 方向 移动 ， 到 处 寻找 食物 ， 当 硬 到 


时 ， 蛇 身 加 长 


结果 : 小 蛇 础 到 食物 时 ， 得 分 增加 ; 页 到 


截 ， 食 物 隐藏 并 在 新 的 位 置 再 次 出 现 ; 障碍 物 也 会 时 不 时 地 出 现 并 移动 。 


@ 词性 分 析 


1) 找 名 词 和 动词 ， 确 定 角 


色 和 行为 


自己 或 者 舞台 边缘 或 者 障碍 物 时 ， 游 戏 终止 。 


根据 功能 描述 ， 找 到 的 名 词 有 草丛 、 地 面 、 小 蛇 、 食 物 、 方 向 、 蛇 身 、 边 缘 、 障 碍 物 ， 动 
词 有 变 长 、 吃 掉 、 和 寻找、 移动 、 碰 到 、 出 现 。 为 这 些 动 词 找 主语 ， 如 小 蛇 变 长 、 吃 掉 、 移 动 、 寻 


找 ,食物 出 现 ， 障 得 物 出 现 。 


物 ， 其 他 草 从 


与 逻辑 有 关 的 是 : 条 件 结构 (如 ， 当 磁 到 自己 的 身体 时 ,游戏 结束 ; 当 磁 到 舞台 边 缘 时 ， 


、 地 面 等 名 词 可 以 作为 背景 图 片 。 
2 ) 找 数 据 和 关系 ， 确 定 变量 和 逻辑 
根据 功能 描述 ， 与 数据 有 关 的 是 : 4 个 方向 、 加 长 、 时 不 时 、 得 分 ， 目 前 看 需要 保存 的 数据 
是 得 分 。 因 此 ， 初 步 需 要 建立 “得 分 ”变量 。 


所 以 ， 把 具有 动作 行为 的 名 词 作为 角色 ,包括 小 蛇 、 食 物 、 障 碍 


游戏 结束 ; 当 吃 掉 一 个 食物 时 ， 蛇 身 就 加 长 一 截 ) ， 循 环 结构 〈 比 如， 障碍 物 时 不 时 出 现 且 移 
动 ) 。 角 色 之 间 的 关系 是 : 当 小 蛇 磁 到 食物 时 ， 食 物 就 隐藏 ， 并 在 新 的 位 置 上 出 现 ， 因 此 ， 需 要 


建立 广播 通知 


食物 隐藏 。 


根据 项 目 功 能 和 词性 分 析 ， 游 戏 中 的 角色 主要 是 小 蛇 、 障 碍 物 和 食物 ， 此 外 由 于 小 蛇 每 吃 掉 
一 个 食物 ， 蛇 身 加 长 ， 所 以 蛇 身 也 作为 角色 ， 以 便 复制 。 小 蛇 可 以 上 下 左右 4 个 方向 移动 。 具 体 
分 析 如 图 7-24 所 示 。 
根据 总 体 设计 来 看 ， 运 用 之 前 学 到 的 知识 ， 


问题 是 : 如 何 


《 贪 吃 蛇 》 游 戏 的 大 部 分 功能 都 可 以 实现 ， 关 键 


让 舞台 上 移动 的 贪 吃 蛇 能 实时 、 动 态 地 变 长 ?也 就 是 说 ， 吃 掉 一 个 食物 ， 蛇 身 马上 


加 长 一 截 , 这 


需要 用 “克隆 ”或 “ 


图 章 ” 来 实现 。 


基于 计算 思维 的 Scratch 项 目 式 编程 


息 _ 户 外 草地 /单一 颜色 
造型 日“ 绘 制 或 处 理 


行为 人 ©” 初始 定位 ， 跟 随 按键 向 4 个 方向 移动 


造型 日 绘制 或 处 理 
行为 初始 定位 ， 跟 随 蛇 头 移动 

蛇 身长 度 与 吃 掉 食 物 的 多 少 有 关 
造型 @ 绘制 或 处 理 


行为 @ 反复 在 随机 位 置 上 出 现 


造型 © ”绘制 或 处 理 
行为 @ 随机 出 现 ， 随 机 角度 移动 


初 值 为 0%， 碰 到 食物 就 加 1 


初 值 为 1， 当 食物 增加 时 ， 长 度 也 增加 


图 7-24 ”角色 行为 设计 


@ 添加 角色 造型 
一 一 添加 角色 “ 蛇 头 ”“ 蛇 身 ”“ 食 物 ” 和 “障碍 
G6 等 yp 物 ” 等 ， 对 其 进行 适当 缩放 。 其 中 为 蛇 头 造型 添加 了 
多 ea 一 双眼 睛 。 注 意 ， 角 色 的 命名 尽量 规范 ， 能 够 见 名 知 
图 7-25 角色 列表 意 。 角 色 列 表 如 图 7-25 所 示 。 

人 蛇 头 行为 

1) 上 下 左右 移动 

可 以 让 蛇 头 在 4 个 方向 键 的 控制 下 移动 ， 程 序 脚本 如 图 7-26 (a ) 所 示 ， 面 向 鼠标 移动 ， 程 
序 脚本 如 图 7-26 〈(b ) 所 示 ， 根 据 自己 的 需求 来 编程 。 


TT 


当 按 下 上 车 狂 “ 键 当 按 下 下 珍 键 键 
机 可 国 7 面向 Lal | 
图 7-26 (a) ”按键 控制 蛇 头 移动 图 7-26〈(b) ” 蛇 头 面向 鼠标 移动 


2) 各 种 情况 处 理 

蛇 头 在 移动 的 过 程 中 ， 可 能 会 页 到 食物 ， 或 者 障碍 物 ， 或 者 自身 〈 侦 测 蛇 身 的 颜色 〉， 或 者 
舞台 边 绿 。 这 里 需要 建立 两 个 变量 ,分 别 是 “ 吃 掉 食 物 ” 和 “ 蛇 身 长 度 ”， 初 值 分 别 是 0 和 1， 
即 默认 有 一 个 蛇 身 。 当 蛇 头 磁 到 食物 时 ， 两 个 变量 分 别 加 1; 当 碰 到 障碍 物 或 自身 〈 侦 测 颜色 ) 
或 者 舞台 边缘 ， 游 戏 就 停止 。 脚 本 如 图 7-27 所 示 。 


广播 会 物 隐语 并 再 次 出 于 


图 7-27” 蛇 头 遇 到 各 种 情况 处 理 


@) 食物 行为 
当 单 击 绿 旗 时 ， 食 物 在 随机 位 置 上 出 现 ;后 来 ， 当 被 蛇 吃 掉 后 〈 即 碰 到 ) 
播 ， 就 隐藏 ， 并 在 新 的 随机 位 置 上 出 现 。 对 应 的 脚本 如 图 7-28 所 示 。 


@ 


基于 计算 思维 的 Scratch 项 目 式 编程 


在 


(@@ 障碍 物 行为 


为 增加 游戏 的 难度 ， 贪 吃 蛇 在 寻找 食物 时 还 要 躲避 障碍 物 。 当 单 击 绿 旗 时 ， 让 障碍 物 等 待 
并 向 右 旋转 随机 角度 之 后 可 以 重复 移动 ， 当 磁 到 舞 人 台 边 缘 时 


机 时 间 后 ， 再 在 随机 位 置 上 出 现 ， 


赣 y: 在 @ 四 下 


E22045. 5 A-160 ES 16015 mE 


图 7-28 食物 随机 出 现 


弹 。 脚 本 如 图 7-29 所 示 。 


人 @@) 蛇 身 跟随 蛇 头 


E150 E160d 


图 7-29 ”障碍 物 行为 实现 


间 随 机 选 一 个 者 


间 随 机 选 一 个 数 


假设 小 蛇 吃食 物 前 有 一 个 蛇 身 的 话 ， 那 么 这 个 蛇 身 的 初始 位 置 需要 在 蛇 头 后 面 ， 且 能 紧 跟 


头 移动 。 因 为 Scratch 角 色 默 认 方向 朝 右 ， 所 以 可 以 将 蛇 头 造型 的 中 心 点 设置 在 左 侧 位 置 ， 这 


当 蛇 身 跟 随 蛇 头 时 ， 就 可 以 跟随 到 此 中 心 点 的 位 置 。 脚 本 如 图 7-30 所 示 。 


随 
反 


蛇 
样 


二 


当 蛇 头 吃 掉 一 个 食物 后 ， 蛇 身 会 随 之 增加 一 截 。 也 就 是 说 ， 蛇 


身 的 多 少 与 吃 掉 食 物 的 多 少 有 


接 关 系 。 蛇 身 由 少 变 多 ， 显 然 
两 种 方法 来 实现 蛇 身 变 长 。 


Pen] 


Se 


要 复制 ， 实 现 的 方法 可 以 通过 克 


隆 ， 也 可 以 通过 图 章 ， 下 画 


图 7-30” 蛇 身 跟随 蛇 头 移动 


蛇 身 变 长 一 一 用 克隆 实现 
在 学 校 里 ， 我 们 是 不 是 经 常 和 同学 一 起 跳 大 绳 呢 9 如 图 7-31 所 示 。 


图 7-31 ” 跳 大 绳 游戏 17. 克隆 实现 蛇 身 加 长 


如 果 想 让 同学 们 轮流 跳 ， 并 且 绳 上 每 次 只 有 一 个 人 跳 ， 想 想 实际 中 是 怎么 做 的 呢 9 是 不 是 一 


个 人 上 绳 ， 跳 一 下 后 赶紧 下 来 ， 另 一 个 人 再 上 绳 跳 ， 再 下 来 …… 这 样 一 来 ， 我 们 看 到 的 是 绳子 上 


始终 有 一 个 人 在 跳 。 同 理 ， 如 果 想 让 绳 上 每 次 有 2 个 人 同时 在 跳 ， 实 际 中 又 是 如 何 实现 呢 ? 第 


个 人 先 跳 一 下 ， 第 2 个 人 上 绳 后 ， 两 人 同时 跳 一 下 ， 这 样 第 一 个 人 一 共 跳 了 两 下 ， 
人 再 上 绳 ， 与 第 2 个 人 同时 跳 一 下 ， 第 2 个 人 此 时 一 共 跳 了 两 下 ， 再 下 绳 …… 如 此 
始终 有 2 个 人 在 跳 。 
1) 算法 分 析 


下 绳 ， 第 3 个 
反复 ,绳子 上 


可 以 把 动作 “准备 上 绳 ” 看 作 开 启 克隆 ,动作 “下 绳 ” 看 作 是 删除 克隆 体 。 如 果 想 始终 显 


示 一 个 蛇 身 在 移动 ， 那 么 要 确保 克隆 体 产 生 的 速度 和 删除 克隆 体 的 速度 相同 ; 如 果 想 显示 两 个 蛇 


身 ， 那 么 删除 克隆 体 的 速度 要 慢 一 些 ， 产 生 克 隆 体 的 速度 则 要 快 一 些 ， 可 以 用 等 竺 


时 间 来 代表 速 


度 ， 那 么 克隆 体 删 除 的 时 间 应 是 产生 时 间 的 2 倍 ， 才 能 确保 两 个 蛇 身 在 移动 ; 同 理 ， 如 果 想 显示 


DEE 


基于 计算 思维 的 Scratch 项 


m 个 蛇 身 ， 那 么 只 要 确 
2 ) 编程 实现 
顺 着 这 个 思路 ， 在 程序 中 建立 变量 “克隆 体 产 生 的 速度 ”， 初 值 假设 为 0.3， 将 其 作为 产生 
克隆 体 的 时 间 间 隔 ， 即 每 0.3 秒 克隆 一 个 ; 当 克 隆 体 启动 后 ， 删 除 克隆 体 的 时 间 可 以 通过 运算 来 
取得 。 因 为 ， 该 例子 中 默认 已 经 存在 一 个 蛇 身 ， 即 蛇 身 


保 删 除 克 隆 体 的 时 间 间 隔 是 产生 克隆 体 时 间 间 隔 的 m 倍 即 可 。 


@ 


> 


Ss 


3 
PE 


时 


图 7-32 


用 克隆 实现 蛇 身 变 长 


长 度 以 及 克隆 体 产生 速 


度 -17)“ 克 隆 体 产 4 


E 的 速度 ”。 程 序 且 


运行 程序 观察 效果 ， 是 不 是 吃 掉 一 个 食物 
度 变量 增加 了 1， 显 示 的 蛇 身 造型 也 增加 了 一 截 ? 如 果 是 


长 度 初 值 为 1， 所 以 删除 克隆 体 的 等 待 时 间 为 “〈 蛇 身长 


本 如 图 7-32 所 示 。 
后 ， 蛇 身长 


这 样 ， 则 说 明 程 序 


度 等 都 有 关系 ， 试 着 调整 这 些 数据 以 找到 合适 的 数值 。 另 9 


功能 实现 了 。 调 试 


十 ， 有 可 能 发 现 蛇 身 


移动 中 内 动 效 果 一 样 ， 蛇 身 在 移动 时 也 有 一 内 一 内 的 效果 ， 这 是 因为 蛇 身 不 


生 和 消失 


到 


人 @O) 蛇 身 变 长 一 一 用 图 章 实现 
现在 为 止 ， 我 们 知道 ， 要 想 让 某 些 角色 移动 起 来 ， 并 非 只 能 靠 “ 动 


作 ” 模 块 里 “移动 多 少 步 ”或 者 “让 坐标 增加 ”等 指令 实现 。 其 实 还 可 以 。” 革 
利用 “克隆 ”与 “消失 ”的 时 间 差 来 实现 角色 的 模拟 移动 ， 当 然 也 可 以 利 18. 使用 图 章 算 法 分 析 
用 “图 章 ” 结 合 链表 来 实现 。 
体 过 程 如 图 7-33 所 示 ， 有 红 球 和 空白 球 两 个 造 
型 ， 当 自 上 向 下 轮流 切换 造型 时 ， 我 们 看 到 的 似乎 是 两 个 ET 
红 球 在 自 左 向 右 移动 ， 但 实际 上 两 个 红色 球 并 没有 执行 移 
动 指令 ， 之 所 以 出 现 类 似 移动 的 效果 ， 是 因为 自 上 而 下 千 
型 中 红 球 的 位 置 不 同 。 仔 细 观 察 每 个 造型 与 前 一 个 造型， 
在 右 侧 位 置 产生 新 的 红色 球 ， 在 左 侧 位 置 产 生 空白 球 。 为 。 区 Se | 
了 编程 实现 这 一 过 程 ， 需 要 将 新 位 置 和 | 日 位 置 的 符 标 存储 a 
在 链表 中 ， 并 且 没 置 两 个 造型 : 蛇 身 和 空白 蛇 身 。 


Se 


项 目 7 贪 吃 蛇 


1) 算法 分 析 

建立 两 个 链表 ， 分 别 存储 蛇 头 每 次 的 x 坐标 和 y 坐 标 。 蛇 头 每 移动 一 次 ， 就 将 此 时 的 x 坐标 和 y 
坐标 分 别 存储 在 两 个 链表 中 ; 之 后 取出 坐标 数据 ， 作 为 蛇 身 图 章 的 新 位 置 ， 即 绘制 ( 写 ) ， 并 在 
原 有 位 置 上 图 章 空白 造型 ， 即 擦 除 ， 如 图 7-34 所 示 。 


中 


X1 


加 蛇 头 移 到 新 的 位 置 ， 将 此 时 的 
坐标 (xl1.y1 ) 存储 在 链表 中 


X1 


a 


@) 从 链表 中 取出 坐标 后 ， 在 该 位 置 


一 ==> (xl.y1 ) 上 图 章 蛇 身 造型 


yl 
名 
©® 
x2 图 蛇 头 继续 移动 到 新 的 位 置 ， 将 此 
村 时 的 坐标 (x2.y2 ) 存在 链表 中 
yl 
Ee i 
从 链表 中 取出 坐标 后 ， 在 该 位 置 
(x2.y2 ) 上 图 章 蛇 身 造型 。 从 链表 
| 中 取出 原来 的 位 置 (xl.y1 ) ， 在 该 
位 置 上 图 章 一 个 空白 蛇 身 造型 ， 相 
当 于 擦 除 
B24 
yl 


图 7-34” 蛇 身 图 章 过 程 


-7 
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> 
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基于 计算 思维 的 Scratch 项 目 式 编程 


判断 蛇 身 长 度 的 值 ， 如 果 是 1， 需 要 把 链表 中 的 x1 和 y1 删 除 掉 ; 如 果 蛇 身长 度 为 2， 则 链表 
不 需要 删除 数据 。 让 每 个 链表 的 长 度 与 蛇 身 长 度 变量 保持 一 致 ， 如 图 7-35 所 示 。 


se 609 


二 回 去 9| @@ 
xl @ x2 X1 @ 


此 时 蛇 身 长 度 是 1， 链 表 长 度 此 时 蛇 身 长 度 是 2， 链 表 长 度 是 2， 
是 2， 要 确保 链表 长 度 与 之 两 者 相同 ， 不 需要 删除 x1 和 y1。 
相同 。 因 此 ， 需 要 删除 xl <、@) 

y2 | 和 y1。 六 

I 到 yl 


图 7-35 ” 蛇 身 长 度 与 链表 数据 一 致 


蛇 头 继续 移 到 新 的 位 置 ， 并 把 此 时 的 坐标 〈《x3，y3 ) 存储 到 链表 中 ， 如 图 7-36 所 示 。 


©@® | | 二 一 一 一 全 
1x3| 加 x2 
[2] xl 
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机 [并 
[y2] Lyl 


图 7-36 ”继续 存储 蛇 头 位 置 


取出 链表 中 最 新 坐标 《x3，y3 ) ， 在 该 位 置 上 图 章 蛇 身 造 型 ， 取 出 链表 中 最 底 端 的 (x2， 
y2) 坐标 在 该 位 置 上 图 章 蛇 身 空 白 造型 。 如 图 7-37 左 图 所 示 ， 由 此 看 到 的 是 始终 一 个 蛇 身 在 跟 
随 蛇 头 移动 ， 如 图 7-37 右 图 所 示 ， 取 出 的 最 底 端 坐标 是 (x1，y1) ， 在 该 位 置 上 图 章 空白 造 
型 ， 由 此 看 到 的 是 始终 有 两 个 蛇 身 在 跟随 蛇 头 在 移动 …… 
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图 7-37 图章 蛇 身 造 型 与 空白 造型 


2 ) 编程 实现 


根据 算法 分 析 可 知 ， 蛇 头 不 断 向 前 移动 ， 并 将 最 新 的 x 坐 标 和 y 坐 标 存 


储 在 两 个 链表 中 ， 之 后 ， 发 送 广播 给 蛇 身 并 等 待 。 蛇 身 收 到 广播 后 ， 负 责 


3 


件 事 : 一 是 取得 第 1 项 〈《 即 最 底 端 ) 对 应 的 x 和 y 坐 标 《〈 旧 坐标 ) ， 并 在 该 位 


图 章 空白 造型 ， 二 是 取得 最 未 尾 项 〈 即 最 顶端 ) 对 应 的 x 和 y 坐 标 〈 新 坐 19 便 
) 度 ”， 如 果 不 等 于 


， 并 在 该 位 置 图 章 蛇 身 造型 ， 三 是 确保 链表 的 长 度 等 于 变量 “ 蛇 身 长 


be = 


图 7-38 ” 蛇 头 和 蛇 身 脚本 


运行 程序 ， 观 察 程序 效果 和 预想 的 是 否 一 致 ， 进 行 相应 的 调试 。 


克隆 和 图 章 都 可 以 实现 贪 吃 蛇 蛇 身 变 长 ， 那 么 这 两 种 方法 的 异同 点 


哪些 呢 ? 


克隆 是 利用 克隆 体 产 生 和 消除 的 时 间 差 ， 使 得 呈现 出 来 的 蛇 身长 度 


所 人 不同。 图 章 是 在 


图 章 编程 实现 


过 


TT 


需要 及 时 删除 。 蛇 身 做 完 这 三 件 事后 ， 蛇 头 再 移动 ， 青 广播 …… 如 此 循环 ， 程 序 脚 本 如 图 7-38 
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基于 计算 思维 的 Scratch 项 目 式 编程 


位 置 上 复制 空白 造型 〈 与 背景 颜色 一 致 ) ， 在 新 的 位 


上 复制 迪 身 造型 ， 实 现 “ 擦 和 写 ”。 这 种 


方法 需要 用 链表 来 存储 蛇 头 新 的 位 置 和 原来 的 位 置 ， 并 且 要 求 背 景 是 纯色 的 ， 因 为 蛇 身 有 一 个 空 


种 方法 各 有 优势 ， 按 自己 的 需求 选用 即 可 。 


7.4， 造型 和 代码 复 用 


和 脚本 〉， 这 里 再 介绍 如 何 复 用 造型 以 及 声音 。 


如 果 只 想 复制 角色 的 造型 ， 方 法 如 下 : 单 击 角色 


到 其 上 方 ， 右 击 ， 选 择 “保存 到 计算 机 ”命令 ， 设 置 好 保存 的 位 置 ， 单 击 “ 保 存 ” 按 钮 ， 文 件 


在 Scratch 目 前 的 版 本 中 ， 只 支持 一 次 打开 一 个 文件 ， 如 果 多 个 程序 之 间 
要 重复 使 用 某 个 角色 或 者 脚本 ， 就 无 法 直接 复制 和 粘贴 ， 但 是 可 以 通过 下 列 。 各 
方法 来 实现 复 用 问题 。 在 7.2.4 节 青蛙 跳 中 中 学 习 了 如 何 复 用 角色 (包括 造型 。 车 时 


， 需 要 与 背景 闫 色 一 样 ， 从 而 起 到 橡皮 擦 的 作用 。 而 克隆 方法 对 背景 没有 限制 。 但 是 因为 
克隆 体 类 似 于 角色 ， 需 要 占 内 存 空间 ， 所 以 相对 图 章 方 法 而 言 ， 其 内 存 消耗 会 大 一 些 。 所 以 ， 两 


20. 造型 及 声音 复 用 


后 ， 找 到 其 对 应 的 造型 ， 并 将 鼠标 指针 移 


默认 的 是 .svg 格式 《一 种 图 像 文 件 格式 ) 。 同 理 ， 如 果 要 使 用 该 文件 ， 就 在 角色 的 造型 区 ， 单 击 
“上 传 新 文件 ”后 ， 将 该 文件 上 传 ， 就 可 以 作为 一 个 造型 来 使 用 了 。 


除了 角色 、 造 型 可 以 重复 使 用 外 ， 声 音 库 中 的 声音 也 可 以 下 载 使 用 。 首 先 选 中 某 个 角色 中 的 
声音 文件 ， 右 击 ， 选 择 “保存 到 计算 机 ”命令 ， 确 定好 保存 的 位 置 后 ， 单 击 “ 保 存 ” 按 钮 ， 保 存 


的 文件 格式 默认 为 .wav 格 式 。 待 需要 重复 使 用 时 ， 再 生 


击 “ 上 传 新 文件 ” 即 可 。 
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7.5” 本章 小 结 


5 本 间 由 


径 移动 ”案例 中 ， 用 链表 存储 路 径 上 点 的 坐标 数据 ， 并 多 次 更 新 生成 链表 数 


游戏 中 ， 


链表 存储 蛇 头 每 次 移动 的 位 置 数据 ， 根 据 蛇 身长 度 变量 来 读 取 相 


为 蛇 身 造型 


和 空白 造型 图 章 的 位 置 。 


链表 虽然 能 存储 大 量 数据 ， 但 是 其 有 效 期 仍然 是 程序 运行 期 间 。 


在 很 多 游戏 作品 中 ， 需 要 保存 和 获取 大 量 的 数据 ， 这 时 链表 就 是 很 好 的 选择 。 本 章 在 “路 


据 ; 在 《 贪 吃 蛇 》 
应 的 坐标 数据 ， 作 


旦 该 程序 运行 结束 ， 链 


表 中 的 数据 将 丢失 。 在 Scratch 3.0 中 预计 增加 云 变量 功能 ， 就 会 永久 存储 数据 ， 比 如 : 上 次 玩 


家 的 得 分 、 


统计 历史 最 高 分 等 ， 我 们 期 待 Scratch 3.0 新 版 本 的 正式 发 布 ! 


.1: 人 工 智 能 与 传感器 


最 近 几 年 ， 在 各 行 各 业 ， 人 工 智 能 都 受到 了 普遍 重视 和 发 展 ， 给 人 们 的 生产 生活 带 来 了 极 
大 便利 。 简 单 地 说 ， 人 工 智能 就 是 利用 各 种 技术 拓展 人 的 功能 。 比 如 ， 初 级 阶段 的 运算 智能 ， 让 
机 器 “能 存 会 算 ”; 中 级 阶段 的 感知 智能 ， 让 机 器 “能 听 会 说 ， 能 看 会 认 ”; 高 级 阶段 的 认 知 智 
能 ， 让 机 器 “ 像 人 一 样 能 理解 会 思考 ”。 


《人 人 脸 识别 
人 脸 识别 是 基于 人 的 脸 部 特征 信息 进行 身份 识别 的 一 种 生物 识别 技术 ， 这 种 技术 像 人 的 眼睛 


应 用 于 金融 行业 的 门禁 、 考 勤 ， 考 生 身份 识别 、 学 生 门 禁 系 统 ， 机 场 安检 处 的 身份 识别 等 等 。 
人 语音 识别 
语音 识别 技术 在 生活 中 随处 可 见 。 车 载 导航 系统 ， 只 要 说 出 要 去 的 地 方 ， 导 航 就 可 以 按照 要 求 

给 出 最 优 路 线 ， 对 着 隶 控 器 涪 出 电视 剧 的 名 字 ， 电 视 就 会 自动 播放 节目 ， 只 要 说 出 朋友 的 名 字 ， 手 

机 就 可 以 从 电话 和 沽 中 搜索 出 朋友 的 电话 号 码 …… 这 种 “能 听 会 说 ”的 功能 大 大 方便 了 人 们 的 生活 。 
@ 无 人 驾驶 
在 2018 年 的 春节 联欢 晚会 上 ， 比 亚 迪 与 百度 公司 强 强 联手 ， 推 出 了 一 大 批 无 人 驾驶 汽车 ， 

在 港 珠 澳 大 桥 上 大 秀 车 技 ， 代 表 着 人 工 智 能 新 时 代 的 到 来 。 这 种 技术 像 人 的 眼睛 一 样 能 识别 车 道 

线 、 进 行 盲区 检测 、 感 知 前 车 距离 等 ， 进 而 来 判断 决策 行程 路 线 。 

所 以 说 ， 人 工 智能 技术 大 概 分 为 3 个 环节 : 感知 、 决 策 和 执行 。 其 中 感知 是 基础 ， 感 知 周边 

的 温度 、 湿 度 、 距 离 、 音 量 、 图 像 等 ， 作 为 数据 被 收集 到 计算 机 中 ， 并 分 析 数据 ， 为 后 期 的 决策 

和 行动 做 依据 。 那 么 计算 机 如 何 能 感知 并 获取 到 这 些 数据 呢 9 这 需要 传感器 的 帮助 。 
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| 一 样 能 将 计算 机 的 图 片 和 实际 人 物 对 比 ， 相 比 指纹、 密码 等 技术 ， 有 更 高 的 安全 性 ， 因 此 , 广泛 
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人 们 为 了 从 外 界 获 取信 息 ， 必 须 借 助 感觉 器 官 ， 而 和 人们 自身 感觉 器 官 的 功能 会 受到 时 间 、 
空间 、 能 力 等 的 限制 ， 为 此 ， 需 要 通过 传感器 来 拓展 功能 。 如 光敏 传感器 (视觉 》、 声 敏 传感器 
《听觉 ) 、 气 敏 传 感 器 《嗅觉 ) 、 化 学 传感器 《味觉 ) 以 及 压 敏 温 敏 〈 和 触觉 ) 传感器 等 ， 它 们 本 
质 上 是 物理 元 器 件 ， 其 体积 越 来 越 小 ， 性 能 越 来 越 强 ， 同 时 成 本 越 来 越 低 。 所 以 ， 这 些 传感器 应 
用 很 广泛 。 下 面 结合 智能 手机 ， 来 认识 手机 中 的 传感器 及 其 应 用 ， 图 8-1 是 网 上 3 种 传感器 售卖 
详情 的 截图 。 


图 8-1 ”光线 传感器 、 距 离 传感器 、 加 速度 传感器 


@ 光线 传感器 ip 
几乎 所 有 的 手机 都 内 置 了 光线 传感器 ， 试 一 试 ， 分 别 把 手机 放 在 室内 房间 里 和 室外 强 光 下 ， 
We 在 室外 强 光 下 屏幕 是 不 是 更 亮 了 9 这 是 因为 光线 传感器 检测 到 室外 强 光 ， 为 了 
让 人 能 看 清楚 手机 屏幕 内 容 ， 必 须 增加 荧屏 的 亮度 。 所 以 说 ， 光 线 传感器 类 似 于 人 的 眼睛 ， 眼 睛 
可 以 通过 ee 和 “ 睐 ”调整 进入 光线 的 多 少 ， 光 线 传感器 也 有 这 种 自动 调节 功能 。 
人 距离 传感器 

距离 传感器 位 于 手机 的 听 简 附近 ， 当 手机 靠近 耳 采 时 ， 距 离 传感器 检测 到 手机 与 用 户 很 近 ， 
以 知道 用 户 在 通电 话 ， 这 时 手机 会 关闭 显示 屏 ， 以 防止 用 户 因 误 操作 而 影响 通话 ， 而 当 手 机 远 
离 耳 杀 时 ， 距 离 传感器 也 能 检测 到 距离 变 远 ， 于 是 就 打开 显示 屏 背 景 灯 。 

他 加 速度 传感器 
打开 微 售 中 的 “ 摇 一 摇 ” ， 晃 动手 机 可 以 搜索 到 附近 的 人 或 者 搜索 歌曲 ; 这 里 的 “ 摇 一 摇 ” 
运用 的 是 加 速度 传感器 ， 它 可 以 检测 到 x、y、z 三 个 方向 上 的 加 速度 值 ， 测 算出 瞬时 加 速 或 减速 
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的 数据 ; 利用 “ 微 信 运 动 ”之 所 以 能 统计 出 每 天 行走 的 步 数 ， 


了 解 。 


Scratch 可 以 外 接 硬 件 ， 包 括 各 种 传感器 。 


器 件 的 状态 。 比 如 ， 用 光线 传感器 获取 室内 光线 强度 ， 当 小 村 


也 是 利用 的 加 速度 传感器 。 此 外 ， 


制作 新 的 积木 


8.2 距离 侦 测 及 应 用 


F 某 个 数值 时 ， 就 让 设备 上 的 彩 


LEGOWeDo10 。 LEGOWeDo20 


图 8-2 ” ”Scratch 外接 设备 


除了 外 接 硬 件 设备 外 ，Scratch 也 提供 了 一 些 模拟 传感器 的 指令 ， 在 “ 侦 测 ”模块 下 ， 有 磁 
到 颜色 、 碰 到 边缘 、 距 离 侦 测 、 音 视频 侦 测 等 ， 用 这 些 指令 可 以 开发 出 智能 有 趣 的 小 游戏 。 


手机 里 也 可 能 内 置 了 GPS 接收 传感器 、 声 传感器 、 温 度 传感器 等 ， 如 果 感 兴趣 ， 可 以 到 网 上 搜索 


展开 Scratch 2.0 中 “更 多 积木 ”指令 块 里 的 “添加 扩展 ”， 显 示 了 支持 的 外 接 硬件 设备 ， 如 
图 8-2 所 示 。 在 Scratch 3.0 会 支持 更 多 的 硬件 。 如 : Micro: bit 主 板 ， 乐 高 WeDo 和 乐高 EV3 等 。 
在 这 些 硬件 设备 上 接 上 传感器 ， 就 可 以 从 外 界 获 取 到 数据 ， 并 编程 对 数据 进行 处 理 ， 从 而 控制 元 


色 灯 


亮 起 ;或 者 用 温度 传感器 读 取 室 内 的 温度 ， 如 果 温 度 高 于 某 个 值 ， 就 让 设备 上 的 风扇 转 起 来 等 。 
您 如 果 感 兴趣 ， 可 以 购买 Scratch 支 持 的 主板 ， 体 验 智 能 侦 测 与 控制 。 


海底 世界 弱肉强食 ， 时 不 时 会 有 瘤 鱼 等 海底 霸王 出 现 ， 小 黄鱼 不 敢 惹 它们 ， 只 能 提高 警惕 ， 


Ne 
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旦 侦 测 到 离 它们 很 近 ， 就 赶紧 离开 ; 为 了 强大 自己 ， 小 黄鱼 不 得 不 吃 掉 比 自己 个 头 小 的 鱼 。 
每 吃 掉 一 条 ， 就 长 大 到 原来 的 1.2 倍 ; 若 磁 到 比 自 己 大 的 鱼 ， 就 被 大 鱼 吃 掉 ， 分 数 减少 ， 大 省 


运用 词性 分 析 法 ， 该 游戏 中 需要 作为 角色 的 是 小 黄鱼 、 其 他 鱼 〈《 大 鱼 和 小 鱼 ) 、 溜 鱼 。 其 角 
色 行 为 设计 如 图 8-3 所 示 。 


背景 1: 海底 世界 ， 背 景 2: 游戏 结束 
播放 背景 音乐 


造型 @ 从 角色 库 中 选取 一 个 


跟随 鼠标 移动 ， 全 证 丽 于 作 作 人 
发 出 警告 声 ， 提 醒 离 


碰 到 六 鱼 时 被 吃 掉 ， 即 隐藏 ， 程 序 结束 


碰 到 其 他 鱼 时 ， 若 比 对 方 大 就 吃 掉 对 方 ， 
自身 增 大 ,分 数 增加 ; 如 果 比 对 方 小 ， 
就 被 吃 掉 ， 分 数 减少 


造型 日 从 角色 库 中 选取 
行为 全 随机 隐藏 出 现 ， 碰 到 小 黄鱼 时 ， 就 将 其 吃 掉 


造型 @ 各 种 各 样 ， 大 小 不 一 


水 平移 动 ， 当 比 小 黄鱼 小 ， 则 被 吃 掉 ; 
行为 @ 反之 , 则 吃 挤 小 黄鱼 


图 8-3 ”角色 行为 设计 


这 里 主要 用 到 “ 侦 测 ”模块 下 的 “ 侦 测 距 离 ” 和 ““ 侦 测 角色 大 小 ”指令 。 

(@ 小 黄鱼 距离 侦 测 

“ 侦 测 ”模块 下 有 “到 …… 的 距离 ”指令 ， 可 判断 两 个 角色 之 间 的 距离 是 否 小 于 某 个 值 ， 如 
果 小 于 ， 则 说 明 效 鱼 就 在 附近 ， 播 放 提示 音 ， 小 黄鱼 赶紧 离开 。 这 里 的 90 不 是 固定 的 数 ， 由 于 
角色 大 小 不 同 ， 在 编程 时 需要 确定 合适 的 距离 ， 如 图 8-4 所 示 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 


人 其 他 鱼 儿 克隆 


添加 一 个 角色 ， 在 造型 中 添加 多 个 种 类 的 鱼 儿 。 当 程序 开始 运行 时 ， 随 机 切换 造型 并 克隆 自 


如 果 ”三 到 符 鱼 ? 那么 


图 8-4 ”小 黄鱼 距离 侦 测 


己 。 当 克隆 体 启动 时 ， 每 个 克隆 体 的 大 小 可 以 设置 ， 比 如 取 值 范围 为 (5 ~ 40) ， 表 示 克 隆 体 最 
大 是 原来 的 40% ， 即 0.4 倍 ， 最 小 是 原来 的 5% ， 即 0.05 倍 ， 在 这 个 范围 内 取 随 机 数 ， 这 样 确保 


鱼 儿 有 大 有 小 ， 且 都 比 原来 的 角 


© it 
为 在 和 四 到 四 辣 随机 选 一 个 


x: 在 ED 到 CD RH 


@) 比较 鱼 儿 大 小 


色 小 ,如 图 8-5 所 示 。 


上 0 


图 8-5 ”其 他 鱼 儿 克隆 


当 小 黄鱼 和 其 他 鱼 互相 菩 到 的 时 候 ， 需 要 比较 自身 与 对 方 的 大 小 ， 如 果 小 黄鱼 比 对 方 大 ， 


那么 小 黄鱼 会 把 对 方 吃 掉 ， 分 数 增加 10， 大 小 增加 到 原来 的 1.2 倍 ， 对 方 消失 ;如果 自身 比 对 方 
小 ， 那 么 分 数 减 少 10， 大 小 减少 到 原来 的 80% ， 如 图 8-6 所 示 。 该 段 脚本 写 在 角色 “其 他 鱼 儿 ” 
的 “ 当 克 隆 体 启动 ”事件 中 。 当 然 也 可 以 写 在 “小黄鱼” 上, 但 要 注意 “其 他 鱼 儿 ” 克 隆 体 要 等 


待 一 会 儿 再 删除 。 


es ee ee a ee ee 


项 目 8 智能 小 项 


其 他 鱼 儿 克隆 体 : 
和 人 小 鱼 儿 比 较 大 小 


图 8-6 ”其 他 鱼 儿 克 隆 体 比较 大 小 


?了 思考 : 当 其 他 鱼 儿 与 小 黄鱼 大 小 相等 时 ， 程 序 会 做 什么 处 理 呢 ? 显然 ， 当 其 他 鱼 儿 克隆 体 小 于 
小 黄鱼 时 ， 分 数 增加 ， 否 则 ( 意味 着 大 于 或 等 于 ) ， 继 续 判断 ， 如 果 大 于 小 黄鱼 ， 则 分 
数 减少 。 当 两 者 相等 时 ， 什 么 都 不 做 ， 既 不 加 分 也 不 减 分 。 这 种 条 件 分 支 里 又 包含 条 件 
判断 的 结构 叫做 “ 许 套 ”。 小 黄鱼 角色 上 的 脚本 如 图 8-7 所 示 。 


1. 小 黄鱼 脚本 


图 8-7 ”小 黄鱼 角色 
运行 并 调试 程序 ， 也 可 以 运用 所 学 到 的 内 容 ， 加 上 自己 的 创意 ， 来 编程 实现 ! 
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基于 计算 思维 的 Scratch 项 目 式 编程 


8.3， 音 视频 侦 测 及 应 用 


你 玩 过 体感 游戏 吗 ? 我 们 不 需要 拿 任何 的 控制 装置 ， 只 需 


让 


摄像 头 能 捕捉 到 我 们 的 胶体 动作 ， 就 可 以 控制 游戏 角色 的 动作 ， 仿 
佛 置 身 在 真实 的 游戏 世界 中 。Scratch“ 侦 测 ” 模 块 中 的 “ 响 度 ” 


SS 区。 和 “视频 ”指令 可 以 依 测 周边 的 音量 和 视频 动作 ， 运 用 这 些 侦 测 指 


图 8-8， 音 视频 侦 测 指令 “” 令 可 以 制作 出 好 玩 的 体感 游戏 ， 指 令 如 图 8-8 所 示 。 


@ 响 度 侦 测 
用 响 度 指令 可 以 侦 测 到 环境 声音 的 大 小 ， 其 最 大 值 为 100， 最 小 值 是 0。 选中 “ 响 度 ” 


可 


复 选 


框 ， 可 以 把 侦 测 到 的 响 度 值 实时 显示 在 舞台 上 。 用 这 个 功能 可 以 做 一 个 音量 提醒 程序 ， 如 果 周 边 


音量 大 于 70， 那 么 舞台 上 显示 “声音 太 大 ”的 提示 。 
有 两 种 方法 来 实现 这 个 功能 : 一 种 方法 是 在 “重复 执行 ”下 判断 “ 响 度 ” 值 ， 只 要 大 了 


的 值 就 提醒 ; 另 一 种 方法 是 使 用 “事件 ”模块 下 的 “ 当 响 度 大 于 多 少 ”的 指令 ,该 指令 可 以 重 


执行 。 参 考 脚本 如 图 8-9 所 示 ， 运 行程 序 并 测试 效果 。 


团 弛 2 


已 本 = 才 六 大 了 ， 洁 二 芝 【 人 10 上 


图 8-9 音量 提醒 的 两 种 方法 


@ 视频 侦 测 
制作 体感 游戏 ， 


旨 


F 一 定 
复 


要 借助 摄像 头 来 捕捉 和 人 的 胶体 动作 ， 因 此 首先 要 确保 计算 机 安装 了 摄像 头 


《笔记 本 电脑 和 一 体 计算 机 通常 都 有 内 置 摄像 头 ， 普 通 台 式 机 需要 外 接 一 个 摄像 头 )。 利 


Ne 


摄像 


项 目 8 智能 小 项 目 


头 捕 控 人 物 动 作 的 幅度 或 方向 ， 获 取 到 相应 的 数据 后 ， 在 程序 中 进行 判断 和 处 理 ， 进 而 控制 角色 
的 各 种 动作 ， 实 现 人 机 交互 的 功能 。 对 应 的 指令 如 图 8-10 所 示 。 


图 8-10 ”视频 侦 测 相关 指令 


1 ) 摄像 头 开局 和 关闭 

使 用 摄像 头 前 ， 应 该 将 其 开启 ,之 后 可 以 设置 画面 透明 度 ， 
100% 为 完全 透明 ，0% 为 不 透明 。 使 用 完 后 ， 可 以 将 摄像 头 关 闭 ， 如 
图 8-11 所 示 。 

侦 测 视频 数据 

通过 “视频 动作 对 于 当前 角色 ”指令 的 下 拉 选 项 可 以 侦 测 到 和 舞 
台 上 或 当前 角色 上 的 动作 ， 侦 测 的 内 容 包括 视频 动作 的 幅度 大 小 和 视频 动作 的 方向 。 选 择 “ 视 
频 动作 对 于 当前 角色 ”的 指令 ,观察 舞台 上 该 值 的 变化 。 可 以 发 现 ， 动 作 幅 度 的 数值 范围 为 
0 ~ 100, 动作 方向 的 数值 范围 为 -180~ 180。 


@ 体感 切 水 果 

利用 侦 测 到 的 视频 动作 的 数据 ， 可 以 制作 简易 版 的 切 水 果 游戏 。 添 加 苹果 角色 ， 将 其 已 有 造 
型 复制 ， 并 且 用 橡皮 从 中 间 擦 掉 ， 形 成 一 个 被 切 水 果 的 造型 。 当 侦 测 到 苹果 角色 上 的 动作 幅度 大 
于 50 时 ， 就 切换 水 果 造 型 ， 并 播放 声音 ， 最 后 删除 克隆 体 。 参 考 脚本 如 图 8-12 所 示 。 


将 视频 透明 度 设置 为 @)》 % 


图 8-11 ”摄像头 开启 和 关闭 


H 


@ 


将 造型 切换 为 apple 


3 -160 Eh 160 1 


复 判断 ， 如 果 满 足 条 件 ， 那 么 就 终止 重复 ,继续 往 后 


在 该 游戏 中 ， 我 们 可 以 添加 一 个 按钮 角色 ， 当 单 


指针 和 鼠标 键 被 按 下 ”指令 组 合 来 实现 。 参 考 脚本 如 


Se 


图 8-13 简易 版 切 水 果 游戏 


事件 ”模块 中 ， 有 “ 当 角 色 被 单 击 时 ”事件 可 以 使 用 ， 也 可 以 用 “ 侦 测 ”模块 下 的 “ 砸 到 鼠标 


图 8-12 ”简易 版 切 水 果 游 戏 一 一 方法 1 


还 可 以 利用 “事件 ”模块 下 的 “ 当 视 频 移动 大 于 ”指令 ， 与 侦 测 响 度 事件 一 样 ， 它 可 以 重复 
执行 ， 因此， 图 8-13 中 两 个 红色 框 内 的 脚本 是 等 价 的 。“ 在 …… 前 一 直 等 待 ” 指 令 ， 也 是 一 个 
重复 执行 结构 ， 只 不 过 它 没有 具体 执行 指令 ， 而 是 在 重复 判断 条 件 。 只 要 条 件 不 成 立 ， 就 一 直 重 


执行 。 


方法 2 


击 角 色 时 ， 关 闭 摄像 头 ， 终 止 程序 运行 。 在 


图 8-14 所 示 ， 两 段 脚本 实现 的 功能 等 价 。 


图 8-14 ”两 种 方法 实现 单 击 按钮 
@ 体感 拍 球 


项 目 8 智能 小 项 


除了 可 以 侦 测 到 舞台 或 角色 上 的 动作 幅度 外 ， 还 可 以 侦 测 到 视频 的 方向 。 利 用 方向 数据 ， 可 


以 让 角色 按照 人 的 手势 移动 起 来 。 让 球拍 随 着 手势 改变 方向 ， 当 手势 在 y 轴 右 侧 ， 即 对 应 的 


度 在 


0 ~ 180。 范围 内 ， 那 么 让 球拍 面向 60。 ; 当 手 势 在 y 轴 左 人 出 ， 即 对 应 的 角 
让 球拍 面向 -60” 。 同 时 让 球拍 左右 移动 ， 脚 本 如 图 8-15 所 示 。 


图 8-15 ” 侦 测 手势 方向 


度 范围 是 -180” ~ 0 时 ， 


复习 一 下 Scratch 的 方向 约定 ， 如 图 8-16(1) 所 示 。 基 于 此 ， 再 来 认识 网 球拍 上 的 视频 侦 


测 角 度 ， 如 图 8-16〈2 ) 所 示 。 球 拍 上 的 脚本 如 图 38-16〈3 ) 所 示 。 


A 
:图 -。 


图 8-16 (1) ”Scratch 方 向 约定 图 8-16 (2) 
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基于 计算 思维 的 Scratch 项 目 式 编程 


当 球拍 改变 方向 
送 “移动 ”消息 ,网 


图 8-16 (3) ”球拍 角色 上 的 脚本 


后 ， 如 果 磁 到 了 网 球 ， 那 么 网 球 的 方向 就 可 以 在 一 定 范围 内 随机 选取 ， 并 发 


球 收 到 消息 


后 就 按照 设 定 的 方向 移动 ， 若 辜 到 边缘 则 反弹 。 如 果 网 球 移动 时 


没有 被 球拍 接 住 并 且 y 坐 标 小 于 -140， 那 么 程序 就 终止 。 当 然 还 可 以 增加 计 分 和 倒计时 功能 ， 把 
以 前 学 习 的 知识 灵活 运用 。 网 球 上 的 脚本 如 图 8-17《〈1) 所 示 。 


这 里 ， 通 过 侦 沉 


指令 “方向 对 于 网 球拍 ”， 可 以 取得 球拍 的 方向 。 除 此 之 外 ， 还 可 以 侦 沉 


也 


其 他 角色 的 x 坐 标 、y 坐 标 、 造 型 编号 、 名 称 、 大 小 、 播 放声 音 的 音量 大 小 等 ， 也 可 以 侦 测 到 舞 合 
上 的 背景 编号 、 背 景 名 称 和 播放 声音 的 音量 大 小 ， 如 图 8-17《2) 所 示 ， 这 些 指令 在 编程 时 也 经 


常会 用 到 。 


图 8-17 (1) 


和 


球拍 角色 脚本 图 8-17 (2) ， 侦 测 信息 


项 目 8 智能 小 项 


@) 体感 卡丁车 
在 这 球 游戏 中 ， 很 多 灰色 方 框 从 空中 落下 ， 通 过 人 体 手势 移动 小 车 来 接 住 方 框 ， 如 图 8-18 
所 示 。 通 过 侦 测 舞台 上 视频 的 方向 来 控制 卡丁车 左 移 还 是 右 移 ， 侦 测 舞 台 上 视频 的 动作 幅度 控制 
卡丁车 移动 的 步 数 ， 即 动作 幅度 大 ， 小 车 移动 的 就 快 。 因 为 舞台 范围 大 ， 所 以 侦 测 舞 合 上 的 视频 
比 侦 测 角 色 上 的 视频 更 容易 一 些 。 小 车 上 的 脚本 如 图 8-19 〔1 ) 所 示 ， 灰 色 方 框 脚本 如 图 8-19 
《2 ) 所 示 。 运 行程 序 ， 观 察 结果 ， 程 序 总 体 功能 实现 后 ， 再 对 不 合适 的 地 方 进行 微调 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 


图 8-19 (2) ”卡丁车 侦 测 脚本 (二 》 


8.4; 时 间 侦 测 及 应 用 


在 “ 侦 测 ”模块 下 ， 有 关 时 间 侦 测 的 指令 有 4 个 ， 如 图 8-20 所 示 ， 其 中 ,数据 指令 有 3 个 ， 
分 别 是 : 计时 器 、 目 前 时 间 的 分 / 秒 等 以 及 自 2000 年 至 今 的 天 数 ; 命令 指令 有 一 个 : 计时 器 归 
零 。 下 面 通过 几 个 小 例子 来 学 习 这 些 指令 是 如 何 组 合 运用 的 。 


项 目 8 智能 小 项 


| 
®) 


@ 显示 当前 时 间 

分 别 取出 “目前 时 间 的 年 、 月 、 日 、 周 、 时 、 分 、 秒 ”， 如 图 8-21 所 示 ， 通 过 “运算 ” 模 
块 下 的 “连接 字符 串 ”， 将 其 连接 并 显示 出 来 。 这 里 的 目前 时 间 是 自动 获取 计算 机 当前 的 时 间 
《篇 幅 所 限 ， 图 8-21 后 面 连接 的 日 和 秒 没 能 显示 出 来 ， 自 行 添 加 即 可 ) 。 


人 


2 


图 8-21 ”连接 字符 串 并 显示 时 间 


-< 


1) 显示 实时 时 间 
为 了 让 显示 的 时 间 不 断 更 新 ， 可 以 等 待 1 秒 后 重复 显示 时 间 ， 这 样 看 到 的 就 是 不 断 变化 的 时 
间 ， 脚 本 如 图 8-22 所 示 。 
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图 8-22 显示 实时 时 间 


2 ) 美化 显示 时 间 
如 果 希 望 显示 的 日 期 或 时 间 更 美观 一 些 ， 可 以 使 用 Scratch 提 供 的 数字 角色 ， 配 合 编程 来 实 
现 。 首 先 制作 数字 角色 ， 包 含 0 ~ 9 共 10 个 造型 ， 造 型 名 称 分 别 是 0，1，2，…… 


ET 
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基于 计算 思维 的 Scratch 项 目 式 编程 


然后 通过 指令 取出 当前 的 时 、 分 和 秒 ，“ 时 ”的 取 值 范围 是 从 0 ~ 24，“ 分 ”是 从 0 ~ 59， 
“ 秒 ” 也 是 从 0 ~ 59。 所 以 ， 取 出 时 、 分 、 秒 后 ， 需 要 先 判断 是 几 位 数 ， 然 后 对 其 拆 分 取出 每 一 
位 的 数字 ， 再 将 其 作为 造型 名 去 克隆 相应 的 造型 即 可 。 
如 图 8-23 是 以 求 “ 时 ”为 例 的 参考 脚本 ， 当 取出 的 “时 ”为 一 位 数 时 ， 先 克隆 0 造型 ， 然 后 
移 开 30 步 《该 数值 与 造型 大 小 和 希望 的 间距 有 关系 ， 在 实际 编程 时 找到 合适 的 数据 即 可 ) ， 再 
克隆 出 另 一 个 造型 。 调 试 好 后 ， 再 进行 “分 和 秒 ” 的 克隆 显示 。 

注意 观察 造型 编号 和 造型 上 数字 的 关系 ,如 果 想 显示 数字 0， 则 需要 将 造型 切换 为 编号 1， 
两 者 之 间 相 差 1， 基 于 这 个 特点 ， 在 程序 中 需要 做 相应 处 理 。 


将 造型 切换 为 0 


数字 1 
33x66 FP 
3 3 换 为 1) 
数字 2 
40x66 


图 8-23 克隆 “时 ”数字 造型 


于 “分 和 秒 ” 的 克隆 显示 与 “时 ”基本 相同 ， 所 以 使 用 “新 建功 能 块 ”， 建 立 过 程 ， 
通过 传递 不 同 的 参数 ， 来 简化 和 优化 程序 。 脚 本 如 图 8-24〈 1) 所 示 ， 首 先 调 用 过 程 ， 传 
递 参 数 “ 目 前 的 小 时 ”,， 移动 30 步 后 克隆 “冒号 ”造型 ， 同 理 ， 再 依次 传递 参数 “目前 的 
分 ”“ 目 前 的 秒 ”， 显 示 出 此 时 的 分 和 秒 ， 调 用 过 程 分 别传 递 参数 “分 和 秒 ”。 

最 后 ， 再 让 时 间 能 实时 显示 。 首 先 ， 需 要 等 待 1 秒 后 重复 显示 时 间 ， 因 此 在 克隆 时 添加 了 重 
复 执行 和 等 待 1 秒 ; 其 次 ， 当 作为 克隆 体 启动 时 ， 等 待 1 秒 后 ， 删 除 当前 的 时 间 显示 ， 待 1 秒 后 再 
次 克隆 ， 将 再 次 显示 时 间 。 因 此 ， 最 终 看 到 的 效果 是 闪 动 的 时 间 ， 就 是 因为 这 里 间隔 1 秒 进行 重 
复 显示 和 消失 ， 如 图 8-24《〈《2 ) 所 示 。 人 怎么 样 9 你 对 目前 的 效果 还 满意 吗 9 加 油 


出 


项 目 8 智能 小 项 


克隆 显示 时 间 (目前 时 间 的 秒 
图 8-24 (1) ”调用 过 程 ， 显 示 时 、 分 、 秒 图 8-24 (2)〉 ”实时 显示 时 间 
四 倒计时 提醒 


倒计时 提醒 在 生活 中 应 


很 广泛 ， 可 以 督促 我 们 遵守 约定 时 间 。 在 网 络 里 很 难 搜索 到 类 似 的 


软件 ， 要 么 功能 不 能 满足 需求 ， 要 么 需要 注册 付费 。 接 下 来 用 Scratch 制 作 一 个 倒计时 提醒 的 程 


序 ， 这 个 程序 可 以 送 给 老师 在 课堂 上 使 用 ， 或 者 我 们 自己 写作 业 的 时 候 使 用 。 


1) 功能 描述 


用 户 可 以 设置 倒计时 的 时 间 ， 之 后 计时 开始 ， 屏 幕 上 显示 剩余 的 时 、 分 、 秒 ， 当 最 后 剩余 一 


段 时 间 时 ， 可 以 播放 声音 ， 作 为 提醒 。 


这 里 有 两 个 关键 指令 : 


2 ) 算法 与 实现 


里 的 “ 当 计时 器 大 于 ”指令 ， 
时 器 大 于 1 时 ， 就 让 计时 器 归 零 ， 重 新 开始 计时 。 


“ 侦 测 ” 模 块 里 的 “计时 器 归 零 ” ， 即 从 0 开始 计时 ，“ 事 件 ” 模 块 


组 合 起 来 可 完成 计时 功能 。 比 如 ， 倒 计时 每 秒 减 1 ， 那 么 只 要 当 计 


程序 运行 时 ， 询 问 用 户 设 定时 间 ， 保 存 该 变量 。 计 时 器 每 到 1 秒 ， 变 量 就 要 减少 1。 同 时 将 
其 剩余 的 时 间 实 时 显示 在 屏幕 上 ， 这 里 涉及 分 和 秒 的 运算 。 比 如 ， 用 户 倒计时 时 间 设 置 为 5 分 
钟 ， 首 先 需 要 将 其 转换 成 5 x 60=300 秒 ， 然 后 让 其 每 隔 1 秒 减 去 1 ， 比 如 ，299 秒 ， 需 要 将 其 除 以 


60,， 将 商 保留 整数 部 分 ， 再 


取 余 数 ， 如 299 除 以 60 后 对 应 的 整数 是 4， 余 数 是 59， 那 么 舞台 上 显 


示 的 就 是 4: 59。 脚 本 如 图 8-25 所 示 。 


~-----------------------------------mor----------------------------------------------- 


@ 


~ 


一 一 一 一 一 一 同一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 人 
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图 8-25 ”倒计时 提醒 


在 显示 当前 时 间 的 程序 上 做 了 简单 修改 后 ， 调 试 该 程序 ， 达 到 我 们 希望 的 效果 了 吗 ? 答案 是 


没有 达到 我 们 希望 的 效果 。 我 们 发 现 舞 台 上 倒计时 的 显示 有 问题 ， 没 有 连续 递减 ， 而 是 从 一 个 数 
值 突然 减 到 了 另 一 个 值 ， 原 因 是 什么 呢 9 一 是 在 克隆 体 启动 时 ,为 了 能 看 到 时 钟 的 效果 ， 人 为 地 
等 待 了 1 秒 ; 二 是 在 绿 旗 事件 下 的 重复 里 也 等 待 了 1 秒 。 这 些 延迟 就 造成 了 时 间 显 示 不 同步 的 情况 ， 


而 全 


计时 功能 对 时 间 的 精确 


个 角 


有 色 


， 每 个 角色 明确 分 工 ， 便 于 提高 效率 。 
人 @ 倒计时 提醒 


问题 解决 


1) 建立 5 个 角色 


如 


图 8-26 所 示 ,“ 分 1” 代 表 分 钟 的 第 1 位 数字 , “分 2” 代 表 分 钟 的 第 2 位 数字 ， 


度 要 求 非常 高 。 因 此 ， 为 解决 该 问题 ， 就 不 使 用 造型 克隆 ， 而 是 建立 多 


3. 倒计时 实现 


“ 秒 1” 和 “ 秒 2” 分 别 代表 秒 钟 的 第 1 位 数字 和 第 2 位 数字 。 这 4 个 角色 造型 相同 ， 


均 包 售 0 ~ 9 共 10 个 造型 ， 根 据 数值 切换 到 相应 造型 。 最 


Se 


全 ;55 


图 8-26 ”倒计时 中 的 5 个 角 


后 一 个 角色 为 冒号 ， 用 于 间隔 分 和 秒 。 


Wp 


2) 倒计时 询问 


项 目 8 智能 小 项 


程序 运行 时 ， 先 询问 用 户 设置 倒计时 的 时 间 , 之 


后 计时 器 开始 计时 。 为 此 ， 需 建立 “标记 ” 


变量 ， 计 时 前 设置 为 0， 


日 加 和 全 计时 的 时 间 为 几 “ 等 竺 


后 为 1， 据 此 决定 倒计时 变量 是 否 开 始 减少 ， 如 图 8-27 所 示 。 


图 8-27 ”标记 变量 的 设置 和 使 用 


程序 运行 时 ， 


以 60 保 存在 变量 “倒计时 秒 ”里 。 继 续 询 问 用户 是 否 准备 好 ， 等 待 用 户 回 
为 1， 发 送 广播 。 其 他 角色 接收 到 该 广播 时 ， 计 算 各 


3 户 输入 倒计时 的 分 钟 数 后 ， 将“ 


3) 几 个 基本 运算 
(1) 向 下 取 整 。 


向 下 取 整 运算 的 功能 是 : 


D 


不 管 小 数 部 分 是 多 少 ， 只 取出 指定 数值 的 整数 部 


答 ” 保 存在 变量 “倒计时 分 ”里 ， 之 后 乘 


自 的 数字 及 对 应 造型 。 


答 为 1 时 ， 将 标记 设 


分 。 如 1.1、1.9 向 下 取 整 后 ， 得 到 的 值 均 是 1; 向 上 取 束 恰好 相反 ， 取 出 指定 数 ” 国 同 各 茹 寻 


值 的 整数 +1， 如 1.1、1.9 向 上 取 整 后 ， 得 到 的 值 均 是 2。 
若 倒 计时 变量 为 100 秒 ， 那 么 它 对 应 几 分 几 秒 呢 9 需要 将 100 除 以 60 得 到 1.66， 向 T 
到 1， 即 100 秒 对 应 的 是 1 分 。 后 面 的 秒 数 可 以 通过 下 面 的 取 余 数 运算 获得 。 


(2) 取 余 


计数。 


该 运算 的 功能 是 : 取出 两 个 数值 相 除 后 的 余数 。 若 倒计时 变量 为 100 秒 ， 那 么 它 对 


秒 呢 ? 需要 将 100 除 以 60 后 ， 取 得 余数 ， 即 40。 


下 取 整 得 


应 1 分 几 


人 汉 
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(3) 求 长 度 。 

该 运算 的 功能 是 : 取得 指定 数据 的 长 度 。 如 数值 40 的 长 度 是 2，1 的 长 度 是 1，100 的 长 度 
是 3。 

(4) 取 字 符 。 

该 运算 的 功能 是 : 取得 指定 数据 的 第 几 个 字符 。 如 数值 40 的 第 一 个 字符 是 4， 第 二 个 字符 是 
0。 数 值 1 的 第 一 个 字符 是 1， 第 二 个 字符 是 空 。 

4) 角色 造型 切换 
当 接收 到 “显示 时 间 ” 广 播 时 ，“ 分 1”“ 分 2” 和 “ 秒 1”“ 秒 2”4 个 角色 需要 分 别 计 算数 
值 后 ， 切 损 到 对 应 的 造型 ， 并 显示 。 
(1) “分 1” 和 “ 秒 1” 角 色 。 对 于 “分 1” 角 色 ， 将 倒计时 秒 除 以 60 得 到 的 数 向 下 取 整 
后 ， 如 果 是 1 位 数 ， 表 示 分 1 为 0%， 那 么 该 造型 切换 为 “数字 0”,， 编号 对 应 是 1; 否则 ， 如 果 得 到 
的 商 是 2 位 数 ， 那 么 取出 商 的 第 一 个 数字 ， 将 其 加 1， 作 为 造型 编号 (角色 造型 里 的 造型 编号 和 
造型 数字 相差 1， 如 图 8-23 所 示 ) 。 同 理 ，“ 秒 1” 角 色 的 脚本 大 致 写 “ 分 1” 相 同 ， 只 不 过 求 取 
的 是 余数 。 脚 本 如 图 8-28 所 示 。 


图 8-28 “分 1” 和 “ 秒 1” 角 色 的 脚本 


(2) “分 2” 和 “ 秒 2” 角 色 。 若 倒计时 秒 除 以 60 的 数值 向 下 取 整 后 长 度 为 1， 那 么 “分 2” 
对 应 的 数值 是 取 其 第 一 个 字符 ， 将 其 加 1 后 得 到 造型 编号 ;否则 ， 意 味 着 长 度 为 2 ， 那 么 取得 整 
数 里 的 第 二 个 数字 ,将 其 加 1 作为 造型 编号 。“ 秒 2” 的 分 析 同 理 ， 如 图 8-29 所 示 。 


TT 


秒 除 以 人 的 件数 的 
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长 度 = 加, 那么 


便 计时 种” 除 以 3 的 宇 才 + 各 


图 8-29 “分 2” 和 “ 秒 2” 角 色 的 脚本 


5) 声音 提醒 


当 倒 计时 剩余 30 秒 时 ， 可 以 重复 播放 声音 以 提醒 用 户 ， 如 图 8-30 所 示 。 反 


复 运行 程序 ， 或 者 给 老师 和 同学 使 
程序 的 实用 性 更 强 。 


用 ， 在 应 用 中 请 大 家 给 你 提出 


修改 建议 


| 
让 国 岂 1 


5. 分 和 秒 的 运算 


@@ 总 结 


在 “显示 当前 时 间 ” 案 例 中 ， 我 们 使 用 了 一 个 角色 ， 通 过 克 
显示 。 当 然 ， 也 可 以 像 “ 倒 计时 提醒 ”案例 一 样 ， 添 加 多 个 角色 


上 


些 。 所 以 ， 对 于 同样 的 功能 通常 会 


图 8-30 ”倒计时 声音 提醒 


， 这 样 程序 


多 种 解决 方案 ， 如 果 你 希望 


用 更 少 的 


色 ， 那 么 代码 逻辑 可 能 会 容易 一 些 ， 但 文件 


隆 不 同 造型 ， 实 现 了 时 间 的 实时 
基本 就 会 变 得 简单 一 
色 实 现 更 多 的 效果 ， 
b 么 代码 的 复杂 度 可 能 就 会 稍微 高 一 些 ， 但 文件 容量 会 小 很 多 (可 以 查看 文件 对 应 的 大 小 》， 
要 的 内 存 容量 就 会 减少 ; 反之 ， 如 果 建 立 了 多 个 角 
需 的 内 存 容量 会 大 大 增加 。 明 白 了 这 个 道理 后 ， 在 编程 中 就 可 以 根据 实际 情况 来 选择 合适 的 解决 


mT 


月 


Gol 


\ 


PE 


基于 计算 思维 的 Scratch 项 目 式 编程 


ep 


8.5; 带 进度 条 的 倒计时 


在 游戏 作品 中 ， 带 进度 条 的 倒计时 应 用 也 很 普遍 ， 如 图 8-31 所 示 ， 下 面 在 《小 猫 历 险 记 》 


游戏 基础 上 ， 实 现 带 进度 条 的 倒计时 功能 。 


图 8-31 ”倒计时 进度 条 


程序 开始 时 ， 显 示 满 格 进度 条 ， 随 着 剩余 时 间 的 减少 ， 进 度 条 的 宽度 也 在 同步 减 小 。 
这 里 的 角色 是 小 方块 ， 外 加 一 个 控制 游戏 开始 的 按钮 ;需要 建立 的 变量 是 : 剩余 时 间 。 游 戏 


开始 时 ， 剩 余 时 间 初 始 化 ， 进 度 条 为 满 格 ; 之 后 剩余 时 间 减 少 ， 进 度 条 长 度 也 随 之 同步 减少 , 直 
到 剩余 时 间 为 0 时 ， 进 度 条 完全 消失 ， 游 戏 终止 。 


人 角色 行为 设计 


根据 项 目 功能 ， 对 角色 行为 设计 如 


ee ee i 


图 8-32 所 示 。 


造型 仿 绘 制 一 个 小 矩形 


项 目 8 智能 小 项 目 


设置 初始 位 置 
行为 @ 克 隆 产 生 多 个 小 方块 
当 剩 余 时 间 减 少时 ， 进 度 条 宽度 也 减少 


@ 当 角色 被 单 击 时 ， 开 始 计时 
给 定 一 个 初始 值 ， 如 : 60 
每 过 一 秒 减 去 1， 直 到 为 0 


图 8-32 ”角色 行为 设计 
人 问题 提出 
根据 功能 描述 和 分 析 ， 编 程 时 有 两 个 关键 点 。 
1) 剩余 时 间 减 少 


若 按照 1 分 钟 倒计时 的 话 ， 其 初 值 设 置 为 60， 单 位 为 秒 。 然 后 开局 “计时 器 ”， 每 当 计时 器 
大 于 1 秒 ， 该 变量 就 减少 1， 计 时 器 归 零 ， 重 复 该 过 程 ， 直 到 变量 为 0， 程 序 就 结束 。 


2 ) 进度 条 长 度 减 少 


Is 


进度 条 长 度 跟随 变量 “剩余 时 间 ” 的 减 小 而 减 小 。 即 当 变 量 为 60 时 ， 进 度 条 最 长 ， 当 变量 


的 值 减 小 后 ， 进 度 条 缩短 ， 直 到 变量 为 0 时 ， 进 度 条 消失 。 
如 何 让 进度 条 的 长 度 能 减少 呢 9 可 以 从 这 几 个 角度 考虑 。 


一 是 角色 的 外 观 上 有 “大 小 ”这 样 一 个 数据 ， 让 角色 大 小 的 数值 与 “剩余 时 间 ” 变 量 关 联 起 
来 是 不 是 可 以 呢 ? 遗憾 的 是 ，Scratch 角 色 大 小 的 改变 ， 只 能 是 宽度 和 高 度 同时 改变 ， 没 办 法 单 


独 让 宽度 改变 ， 因 此 ， 这 种 方法 不 太 合 适 。 


二 是 可 以 把 进度 条 看 作 由 多 个 小 方块 组 成 的 ， 比 如 当 “ 剩 余 时 间 ” 为 60 时 ， 有 60 个 方块 并 
列 显 示 ， 变 量 每 减少 1 ， 方 块 就 消失 一 个 ， 用 产生 克隆 体 和 删除 克隆 体 可 以 实现 该 功能 。 


人 @ 准备 素材 

在 绘图 编辑 器 里 找到 “矩形 ”工具 ， 建 立 一 个 长 条 填充 红色 实心 的 矩形 
造型 ， 并 且 将 其 放 在 舞台 右上 角 ， 角 色 名 称 为 “小 方块 ”; 再 添加 一 个 “ 开 
始 ”按钮 。 角 色 列 表 如 图 8-33 所 示 。 


国 @ 


图 8-33 ”角色 列表 
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基于 计算 思维 的 Scratch 项 目 式 编程 


(@) 给 克隆 体 编号 


了 多 个 僵尸 ， 它 们 大 小 随机 ， 位 置 随机 ， 


在 前 面 的 游戏 中 ， 我 们 对 本 体 、 克 隆 体 已 经 不 陌生 ， 比 如 ， 在 《双人 射击 游戏 》 中 ， 克 隆 
右 向 左 移动 。 但 是 我 们 没有 指定 某 一 个 克隆 体 去 执行 


cc 


某 种 具体 功能 。 那 么 ， 能 否 给 每 个 克隆 体 编号 ， 进 而 控制 让 它们 各 自 做 不 同 的 事情 呢 ? 下 面 先 来 
做 一 个 “小 猫 宝宝 听 指 令 ” 的 游戏 。 


1) 游戏 功能 


猫 妈妈 生 了 4 只 小 猫 ， 给 它们 分 别 编号 为 1、2、3、4。 有 一 天 ， 猎 妈妈 让 它 入 把 
3 


们 外 出 朝 4 个 方向 去 砚 食 ，1 号 朝 左 走 ，2 号 朝 右 走 ，3 号 朝 上 走 ，4 号 朝 下 走 。 到 回 % 


天 黑 后 ， 猫 妈妈 会 发 出 广播 ， 让 它们 赶紧 回 家 ， 并 且 报 号 。 


2 ) 编程 实现 


6. 小 狂 听 指令 


建立 “编号 ”变量 ,将 其 设置 为 “ 仅 适 用 于 当前 角色 ”， 这 一 点 非常 重要 。 因 为 克隆 体会 继 
承 本 体 所 有 的 特点 ， 所 以 ， 既 然 “ 编 号 ”的 作用 域 为 “当前 角色 ”,， 那么， 每 个 克隆 体 的 编号 将 


只 属于 自己 ， 互 不 相同 。 如 果 “ 编 号 ”变量 被 设置 为 “适用 
编号 将 保持 相同 ， 我 们 就 无 法 去 控制 每 个 克 
体 的 编号 就 是 1; 继续 让 编号 增加 1 ， 第 二 个 克隆 体 编 号 是 2 


1、2、3、4。 如 图 8-34 所 示 。 


变量 名 : 编 引 


〇 适用 于 所 有 角色 


图 8-34 ”克隆 体 编号 设置 


当 克 隆 体 启动 时 , 可 


以 根据 不 


同 编号 来 确定 不 同 的 朝向 ， 对 


要 重复 走 起 来 ， 脚 本 如 图 


8--35 所 本 


广播 “ 回 家 ”, 小 奖 们 


和 


听 到 广播 


后 ， 就 可 以 边 报 号 边 回 家 。 


F 所 有 角色 ” ， 那 么 每 一 个 克隆 体 的 
隆 体 。 编 号 初 值 先 设置 为 1 ， 执 行 第 一 次 克隆 ， 克 隆 


最 终 ，4 个 克隆 体 的 编号 分 别 是 


应 脚本 如 


图 。 朝 向 确定 好 


后 ， 还 


\。 运 行程 序 ， 是 不 是 4 只 小 猫 很 听话 呢 9 单 击 按钮 后 ， 猫 妈妈 


Wp 


项 目 8 智能 小 项 


@》 算法 分 析 
由 上 述 例 子 可 知 ， 通 过 循环 可 以 让 小 方块 角色 复制 出 60 个 克隆 体 ， 自 左 向 右 ， 组 成 一 个 长 


的 进度 条 ， 每 个 克隆 体 都 带 有 


图 8-35 克隆 体 的 不 同 动作 


自己 的 编号 ， 从 1，2 开 始 …… 一 直到 60; “剩余 时 间 ” 初 值 为 


60， 每 减少 一 个 ,小 方块 就 消失 一 个 。 那 到 底 是 哪个 小 方块 消失 呢 ? 可 以 将 “剩余 时 间 ” 和 人 小 


方块 编号 关联 起 来 。 当 


“剩余 时 间 ” 为 60 时 ， 将 60 号 方块 删除 ， 当 “剩余 时 间 ” 为 59 时 ， 就 将 


59 号 方块 删除 …… 这 样 ， 变 量 不 断 减 小 ， 对 应 编号 的 方块 就 不 断 地 消失 …… 
他 编程 实现 
1) 产生 克隆 体 ， 并 编号 


选择 “进度 条 ”角色 ， 当 单 击 绿 旗 时 ， 本 体 隐藏 ， 让 进度 条 克隆 60 次 ， Oth 
每 移动 5 步 后 ， 在 新 的 位 置 上 克隆 〈5 步 是 小 方块 的 宽度 ， 读 者 可 以 根据 实际 
情况 设置 数值 ) 。 建 立 “ 克 隆 体 编号 ”局 部 变量 ， 先 赋值 ， 再 克隆 ， 每 个 克 国生 扣 
隆 体 就 记 住 自 己 的 编号 。 如 图 8-36《〈1) 所 示 。 7. 带 进度 条 的 倒计时 


2 ) 剩余 时 间 递 减 


SU 


计时 开始 ， 运 用 计时 句 侦 、 


则 功能 ， 将 “剩余 时 间 ” 变 量 每 秒 减少 1。 这 里 又 用 到 了 前 面 所 


学 的 “计时 器 ”。 我 们 需要 建立 一 个 标志 变量 “开始 计时 ”， 来 控制 何 时 让 计时 器 开始 计时 。 


因此 ， 在 绿 旗 被 单 击 时 ， 变 量 “ 开 始 让 
侦 测 到 大 于 1 秒 时 ， 先 判断 “开始 计时 ” 


时 ” 初 值 为 0， 当 按钮 按 下 的 时 候 ， 其 值 为 1。 当 计时 器 
是 否 为 1， 如 果 是 1， 则 表示 可 以 开始 计时 了 ， 此 时 会 让 


@ 


> 


时 


PE 


基于 计算 思维 的 Scratch 项 目 式 编程 


ep 


“剩余 时 间 ” 变 量 减 少 , 并 


“剩余 时 间 ” 等 于 0， 那 么 就 停止 全 部 。 如 图 8-36(2) 所 示 。 


j 余 时 间 。 设 定 为 


$A x: Oy: 


图 8-36 (1) ”克隆 方块 图 8-36 (2) ”时 间 递 减 


3) 小 方块 克隆 体 消失 


同 的 时 候 ， 就 删除 克隆 体 。 如 


图 8-37 所 示 。 


运行 程序 ， 观 察 变量 的 变化 过 程 和 进度 条 小 \ 方 块 的 消失 是 否 一 致 。 有 没有 
发 现 什么 问题 ?9 对， 最 右边 的 小 方块 为 什么 没有 消失 呢 9 如 图 8-37 所 示 。 


@ 问题 分 析 


图 8-37 ”克隆 体 删除 


从 流程 上 分 析 ， 显 然 最 后 那个 小 方块 的 编号 应 该 是 60 


当 小 方块 角色 收 到 “进度 条 递减 ”消息 后 ， 会 将 自己 的 编号 写 “ 剩 余 时 间 ” 比 较 ， 当 二 者 相 


8. 原 


也 广播 消息 了 呀 ?难道 没有 同 


剩余 时 间 增 加 -1” 的 指令 。 它 们 的 执行 过 程 是 : 先 发 广播 ， 广 播发 完 


Ty 


， 变 量 “ 剩 


分 析 及 解决 


时 间 ” 为 60 的 时 候 明 明 


步 9 于 是 我 们 将 关键 点 锁定 在 图 8-36 (2) 的 “广播 ”指令 和 “将 


所 就 来 改变 数 


天。 发 完 | 
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播 后 ， 由 另 一 个 角色 接收 广播 ， 至 于 另 一 个 角色 什么 时 候 能 执行 完 接 收 广播 中 的 指令 ， 这 里 不 关 
注 。 问 题 恰恰 就 在 这 里 ， 试 想 ， 如 果 小 方块 角色 接收 到 广播 后 ， 由 于 计算 机 内 部 原因 ， 稍 微 耽误 
了 一 会 儿 ，60 号 方块 没 来 得 及 删除 ， 结 果 计时 变量 就 已 经 变 为 了 59…… 
为 了 控制 广播 时 可 能 存在 的 指令 执行 顺序 差异 的 问题 ，Scratch 还 提供 了 另 一 种 广播 指令 ， 
即 : 广播 并 等 待 ， 其 含义 是 : 发 完 广播 后 ， 只 有 等 接收 广播 里 的 指令 全 部 执行 完 ， 才 继续 执行 发 
送 广播 的 后 续 指令 。 如 图 8-38 所 示 ， 修 改 脚本 ， 问 题 是 不 是 解决 了 呢 9 


图 8-38 广播 并 等 待 


@@ 添加 结束 按钮 

运行 程序 ， 发 现 当 单 击 舞 台 右上 方 的 红色 终止 按钮 时 ， 程 序 并 不 结束 ， 倒 计时 依然 在 进行 ， Ep 
原因 是 计时 器 没有 终止 。 为 此 ， 可 以 添加 终止 按钮 角色 ， 当 单 击 该 按钮 时 ,设置 变量 “开始 计 
时 ”为 0， 这 样 计 时 器 就 不 会 再 起 作用 了 。 


8.6: 本 章 小 结 


本 章 首先 认识 了 身边 的 人 工 智能 ， 了 解 了 传感器 的 作用 。 运 用 Scratch 中 的 距离 侦 测 、 音 
视频 侦 测 、 时 间 侦 测 指令 编程 实现 了 《 大 鱼 吃 小 鱼 》《 体感 游戏 》《 倒 计时 》 等 小 游戏 。 待 
Scratch 3.0 发 布 后 ， 可 以 与 micro:bit 硬 件 、 乐 高 机 器 人 等 结合 ， 就 可 以 连接 真正 的 传感器 ， 获 
取 外 用 的 数据 ， 并 在 程序 中 处 理 和 输出 ， 来 解决 日 常生 活 中 的 问题 ， 让 我 们 一 起 期 待 ! 


Ht 


PE 


项 目 9 口算 练习 


Scratch 不 仅 可 以 编写 小 游戏 ， 还 可 以 编写 故事 、 动 男 等 ， 当 然 也 可 以 用 来 


的 小 软件 ， 在 这 些小 软件 中 融入 游戏 的 元 素 ， 可 以 让 我 们 在 玩 中 学 ， 提 高 学 习 兴 趣 。 


习 》 就 是 为 数学 口算 训练 提供 方便 的 一 款 小 程序 。 


@ss 


在 小 学 阶段 ， 我 们 每 天 都 要 做 很 多 口算 题 。 因 为 口算 训练 对 计算 能 力 、 思 维 能 力 


力 等 等 的 提升 均 有 重要 作用 。 做 口算 题 时 ， 我 们 需要 在 瞬间 进行 复杂 的 思维 活动 ， 把 题 
解 、 转 换 、 变 式 、 重 组 等 ， 从 而 能 够 迅速 、 准 确 地 解答 。 平 时 ， 老 师 都 会 发 很 多 纸 质 题 
练习 ， 父 母 也 会 买 来 口算 题 册 给 我 们 做 。 其 实 ， 用 我 们 所 学 习 到 的 Scratch 知 识 完 全 可 


、 反 应 能 
目 进行 分 
目 让 我 们 
以 开发 一 


去 


款 方便 学 习 的 《口算 练习 》 小 游戏 ， 让 你 在 游戏 中 提升 做 题 的 速度 和 准确 率 。 这 款 小 软件 可 以 设 


-=! 数量 、 


难度 ， 可 以 批阅 、 显 示 错 题 ， 也 可 以 限定 时 间 ， 自 己 使 用 或 者 也 可 以 分 享 


老师 ， 想 一 想 ， 这 是 一 件 多 么 有 意义 的 事情 ! 


程序 开始 时 ， 可 以 说 明 软 件 的 作用 和 使 用 方法 ， 询 问 用 户 打算 做 题 的 数 


量 。 之 后 ， 系 统 会 逐条 显示 题目 ， 等 待 用 户 输 入 结果 后 ， 判 断 对 还 是 错 。 每 做 
对 一 道 题 可 以 加 分 《如 加 10 分 ) ， 做 错 了 不 扣 分 或 者 扣 5 分 ， 等 等 。 当 然 ， 我 们 


做 口算 题 的 


的 不 是 为 了 得 分 ， 而 是 为 了 能 把 题 做 准确 ， 所 以 ， 做 完 题 后 ， 系 


统 还 会 把 刚刚 


TE 


做 过 的 错 题 再 重新 显示 ， 巩 固 练习 ， 加 深 印 象 。 


给 同学 和 


项 目 9 口算 练习 
| 
这 里 面 涉及 的 关键 知识 点 包括 : 询问 、 生 成 随机 数 、 随 机 出 现 加 减 乘除 运算 、 判 断 用 户 结果 ! 
是 否 正确 、 用 链表 存储 错 题 等 。 这 些 知识 点 前 期 我 们 都 学 习 过 ， 但 需要 将 它们 进行 逻辑 组 合 与 综 ! 
合 运 用 。 | 
1 
塌 
9.2; 总 体 设计 ! 
| 
921 界面 设计 : 
界面 设计 是 用 户 体验 程序 功能 的 入 口 ， 一 个 清晰 美观 的 界面 很 容易 吸引 用 户 。 首 先 思考 界面 
构成 ， 在 纸 上 画 出 来 ， 或 者 用 Scratch 或 其 他 作 图 软件 〈 如 画图 、Photoshop ) 大 概 设计 出 来 ， ! 
形成 一 个 初步 的 界面 ( 见 图 9-1 ) ， 这 有 助 于 进行 后 续 的 分 析 。 
全 
SS 
《 


图 9-1 《口算 练习 》 界 面 


根据 程序 功能 分 析 ， 计 划 建 立 的 角色 包括 : 考官 、 第 一 个 操作 数 的 左边 1 位 、 第 二 个 操作 数 
的 左边 2 位 、 运 算 符 、 第 二 个 操作 数 的 左边 1 位 、 第 二 个 操作 数 的 左边 2 位 、 等 于 号 、 问 号 。 其 


0 个 数字 造型 ， 运 算 符 角色 包括 “加 减 乘除 ”4 个 造型 


造型 日 加 减 乘 除 4 个 造型 
行为 @ 随机 出 现 加 减 乘除 符号 


操作 数 1-1 操作 数 1-2 操作 数 2-1 操作 煞 2-2 
=- 
等 于 号 运算 符 问号 

图 9-2 《口算 练习 》 角 色 名 称 


每 个 角色 的 具体 行为 分 析 如 图 9-3 所 示 。 


背景 库 中 选择 


询问 用 户 计划 做 题 的 数量 

随机 产生 操作 数 1 和 2 的 值 

获取 用 户 答案 ， 与 正确 答案 比较 评分 

将 做 错 的 题 进行 保存 ， 待 做 完 题 后 再 显示 巩固 


造型 9 0~9 共 10 个 数字 造型 
如 果 操 作 数 是 1 位 数 ， 就 隐藏 


行为 如 果 操 作 才 是 2 位 则 取出 第 1 位 ， 让 其 加 1， 
为 造型 编号 ,显示 相应 造型 


造型 @ 0~9 共 10 个 数字 造型 


如 果 左 侧 操 作 数 是 1 位 数 ， 则 取出 第 1 位 数 ， 加 1， 
作为 造型 编号 ， 显 示 相应 造型 


如 果 左 侧 操作 数 是 2 位 数 ， 则 取出 第 2 位 数 ， 加 1， 
作为 造型 编号 ， 显 示 相应 造型 


造型 
行为 


日 输入 英文 问号 
日 让 特效 重复 增加 ， 出 现 闪烁 效果 


图 9-3 角色 行为 设计 


中 ， 有 关 操 作 数 角色 的 造型 包含 0 ~ 9 共 1 
〈 这 里 限定 每 个 操作 数 最 多 是 2 位 数 ) 。 具 体 的 角色 名 称 如 图 9-2 所 示 。 


根据 角色 行为 设计 图 ， 建 立 角色 并 命名 。 其 中 ，4 个 操作 数 角色 的 造型 全 部 一 样 : 0 ~ 9 共 


10 个 数字 。 如 图 9-4 所 示 ， 显 然 ， 每 个 造型 的 编号 比 造型 上 的 数字 多 1， 所 以 当 取 出 


后 ， 如 果 要 显示 对 应 的 造型 ， 需 要 让 操作 数 加 上 1 后 作为 造型 编号 。 


| a 
嘱 ] >X《 
2 “ 
[sa 二 


图 9-4 ”数字 和 运算 符 造 型 


b 某 位 操作 数 


i 


2. 建立 角色 及 造型 


另外 ， 由 于 Scratch 造 型 里 的 文本 工具 目前 不 支持 中 文 输入 ， 所 以 输入 问号 时 ， 需 要 在 英文 


输入 法 下 才能 输入 。 


@ 考官 询问 


程序 开始 时 ， 考 官 先 询问 用 户 打算 挑战 的 难度 级 别 ， 比 如 ， 初 级 代表 两 个 10 以 内 数 的 运 


算 ， 中 级 代表 两 个 20 以 内 数 的 运算 。 用 户 根据 自己 的 实际 情况 来 选用 。 此 外 ， 每 次 打 


数量 也 可 以 选择 ， 比 如 ， 当 用 户 输入 10 时 ， 代 表 要 做 10 个 题 ， 考 官 后 续 


重复 10 次 来 


应 地 ， 程 序 中 需要 设置 两 个 变量 ,分 别 是 题目 难度 和 题目 数量 。 当 一 切 X 


做 题 的 
H 题 。 相 


备 就 绪 后 ， 发 送 广播 


Sn 


= 


萝 


基于 计算 思维 的 Scratch 项 目 式 编程 


“出 题 ”， 参 考 脚本 如 


图 9-5 ”考官 询问 


人 考官 出 是 

每 一 道口 算 题 需要 有 2 个 操作 数 、1 个 运算 符 和 1 个 标准 答案 ， 相 应 地 需要 建立 
4 个 变量 ,分别 是 数 1、 数 2、 运 算 符 和 标准 答案 ， 前 3 个 变量 随机 取得 。 如 果 用 户 
输入 题目 难度 为 1 ， 那 么 操作 数 就 可 以 取 (1，10) 之 间 的 随机 数 ; 如 果 题 目 难 | 
为 2， 那 么 可 以 取 (10，20 ) 之 间 的 随机 数 来 取得 。 

1) 建立 过 程 “产生 操作 数 ” 

该 过 程 带 有 一 个 “难度 ”参数 〈 形 参 ) 。 在 过 程 外 部 ， 先 让 变量 “题目 难度 ” 取 值 ， 当 调用 
该 过 程 时 ， 就 将 “题目 难度 ”《 实 参 ) 传递 给 “难度 ”《〈 形 参 ) 。 在 过 程 内 部 ， 就 可 以 根据 参数 

“难度 ”的 不 同 数值 来 确定 “ 数 1” 和 “ 数 2”。 

2 ) 建立 过 程 “ 计 算 答 案 ” 

该 过 程 带 有 一 个 参数 “数字 ”【〔 形 参 ) 。 在 过 程 外 部 ， 先 让 “符号 数字 ”在 1 ~ 4 之 间 产 生 
随机 数 ， 调 用 过 程 时 ， 将 变量 “符号 数字 ”【 实 参 ) 传递 给 “数字 ”〔 形 参 〉。 在 过 程 内 部 , 根 
据 “数字 ”的 不 同 数值 判断 当前 是 哪 种 运算 符 ， 并 将 “ 数 1” 和 “ 数 2” 进 行 运算 ， 最 终 将 结果 
赋值 给 变量 “标准 答案 ”。 

3) 实 参 和 形 参 

实 参 和 形 参 在 以 后 的 高 级 语言 中 应 用 很 普遍 ， 简 单 理解 就 是 : 实 参 有 实际 数值 ， 其 作用 范围 
为 过 程 外 部 的 程序 脚本 ; 形 参 也 叫 形式 参数 ， 其 值 要 靠 实 参 传递 才能 获得 ， 作 用 范围 仅仅 在 该 过 
程 内 部 ， 该 过 程 被 调用 完 时 ， 形 参 也 就 失效 。 


a te 


@ 器 示 题目 
当 其 他 角色 收 到 “显示 题目 ”消息 后 ， 切 换 合适 的 造型 并 显示 ， 在 舞台 上 形 
成 一 个 算式 。 


1) 角色 : 操作 数 1-1 和 操作 数 2-1 的 显示 

这 两 个 角色 负责 显示 数 1 和 数 2 的 第 1 位 数 〈 最 左 侧 ) ， 当 操作 数 为 个 位 数 时 ， 该 角色 造型 隐 
藏 即 可 ; 如 果 为 两 位 数 ， 则 需要 取出 第 1 位 数 ， 将 其 加 1 后 显示 对 应 的 造型 。 操 作 数 2-1 的 脚本 类 
似 , 把 “ 数 1” 换 成 “ 数 2” 即 可 ， 参 考 脚本 如 图 9-7 所 示 。 


2) 角色 : 操作 数 1-2 和 操作 数 2-2 的 显示 


操作 数 的 第 2 位 ， 


即 右 侧 的 个 位 数 ， 则 不 需要 分 情况 讨论 ， 因 为 该 操作 数 最 多 是 2 位 数 ， 最 


少 是 1 位 数 。 当 是 2 位 数 时 ， 其 对 应 造型 是 取出 操作 数 的 第 2 个 字符 加 1; 当 是 1 位 数 时 ， 其 对 应 取 
出 操作 数 的 第 1 个 字符 再 加 1。 究 竟 应 该 取出 第 几 个 字符 ， 可 以 先 求 得 操作 数 的 长 度 ， 用 该 长 


来 决定 到 底 取 第 几 个 字符 。 即 若 操作 数 的 长 度 为 1 ， 则 说 明 是 1 位 数 ， 取 出 第 1 个 数字 ; 当 长 度 为 
2， 则 说 明 是 2 位 数 ， 取 出 第 2 个 数字 。 参 考 脚 本 如 图 9-8 所 示 。 


数 1 的 长 度 个 字符 


图 9-8 操作 数 1-2 的 脚本 


3) 角色 : 运算 符 角色 显示 
运算 符 角色 切换 造型 的 编号 可 通过 变量 “符号 数字 ”获得 ， 如 图 9-9 所 示 。 


将 造型 切换 为 多 号 数字 


$I x ED 加 


图 9-9 运算 符 角色 的 脚本 


4) 角色 : 等 于 号 和 问号 的 显示 
“等 于 号 ”角色 直接 在 合适 的 位 置 显示 即 可 。“ 问 号 ”显示 时 可 以 设置 多 次 重复 ， 改 变 颜色 


特效 ， 起 到 内 动 提示 的 作用 ， 参 考 脚 本 如 图 9-10 所 示 。 


图 9-10 “问号 ”角色 的 脚本 


Se 


Wp 


@ 用 户 输入 答案 加 由 

当 题 目 显 示 出 来 后 ， 角 色 “ 考 官 ” 需 要 “询问 ”用 户 计 算 的 结果 。 这 里 需要 。 5. 考官 判 题 
建立 变量 “用 户 答案 ”, 将 “回答 ”保存 ， 同 时 发 送 广播 “判断 
对 错 ”。 脚 本 如 图 9-11 所 示 。 

@ 考官 判 是 

当 考官 接收 到 “判断 对 错 ” 消 息 时 ， 会 比较 “用 户 答案 ”和 
“标准 答案 ”是 否 相 同 。 如 果 相 同 ， 则 给 “得 分 ”变量 增加 10 
分 。 这 里 需要 建立 “得 分 ”变量 ， 在 程序 运行 开始 时 将 其 分 数 设 定 为 0 分 。 如 果 答案 不 相同 ， 则 
说 明 做 错 了 ， 这 时 需要 将 错 题记 录 下 来 。 因 此 ， 需 要 建立 一 个 链表 ， 用 来 存储 变量 “ 数 1”“ 数 
2” 和 “运算 符 ”， 便 于 后 期 对 错 题 进行 巩固 练习 。 参 考 脚 本 如 图 9-12 所 示 。 


中 上] 洁 移 入 你 的 千夫 必 二 二 


案 。 设 定 为 加 


广播 判断 对 错 


图 9-11 “考官 ”询问 用 户 答案 


加 到 错 怠 


广播 判 饭 对 错 


图 9-12 “考官 ”判断 对 错 


前 面 实现 了 一 道 题 的 出 题 、 显 示 题 目 与 判断 对 错 ， 这 3 个 广播 之 间 是 有 
说 ， 在 出 下 一 道 题 的 时 候 ， 需 要 确保 前 一 道 题 的 这 3 个 环节 都 执行 完 。 
此 ，“ 考 官 ”角色 中 的 3 个 广播 都 需要 改 为 “广播 …… 并 等 待 ”， 然 后 进行 多 次 重复 ， 这 
样 能 确保 每 一 道 题 的 完整 性 。 参 考 脚 本 如 图 9-13 所 示 。 
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基于 计算 思维 的 Scratch 项 目 式 编程 


本 本 


更 力 


显示 待 


图 9-13 ”重复 出 题 


测试 一 下 程序 ， 看 看 执行 是 否 顺 畅 9 判断 结果 是 否 正确 ?9 如 果 功 能 实现 了 ， 再 看 看 是 否 可 以 
0 完善 。 比 如 ， 可 以 把 刚才 做 错 的 题 从 链表 中 读 取 出 来 再 次 练习 。 


在 做 完 用 户 计划 的 题目 数量 后 ， 可 以 把 错 题 链表 里 的 题目 再 显示 ， 让 用 


此 ， 


下 做 一 遍 。 因 为 错 题 链表 中 每 道 题 存储 了 3 个 信息 ， 分 别 是 “ 数 1”“ 符 号 数字 ”和 “ 数 2”， 因 


计算 错 题 的 数量 是 用 链表 的 长 度 除 以 3 ， 即 错 题 的 项 目 数 /3 ， 作 为 循环 的 条 件 。 循 环 体内 ， 


发 送 广播 “出 错 题 ”， 在 这 个 消息 里 ， 主 要 是 从 链表 里 取出 每 道 题 的 “ 数 1”“ 符 号 数字 ”和 
“ 数 2”， 并 发 送 “ 显 示 题 目 ”广播 ， 其 他 角色 接收 到 该 广播 时 ， 根 据 这 几 个 变量 值 来 显示 题 


目 。 


参考 脚本 如 图 9-14 所 示 。 


砚 


将 


图 9-14 ”显示 错 题 


调试 程序 ， 观 察 错 题 是 否 显示 出 来 了 ， 是 否 有 新 的 问题 产生 。 比 如 ， 错 题 如 果 做 对 后 ， 是 不 


是 可 以 从 链表 中 删除 该 题 呢 9 或 者 说 错 题 是 否 需 要 巩固 多 遍 呢 9? 诸如 此 类 的 问题 ， 可 以 根据 自己 


的 


一 一 一 


求 继续 扩充 。 


在 随机 出 


b 现 的 题 


可 能 是 无 


是 无 限 不 


比如 ， 
时 ， 在 考官 判 卷 
入 ”， 该 指令 最 终 得 到 
如 果 想 保留 /| 
后 的 第 2 位 小 数 ， 


秆 环 小 数 ， 如 
@ 规则 设 定 


中 ， 需 要 对 除法 运算 过 


行 特殊 考虑 。 因 为 出 现 的 结果 有 
小 数 。 比 如 ， 有 的 是 无 限 循环 小 数 ， 如 ，10/3=3.33333…… 有 的 ”3. 除法 
10/7=1.42857…… 所 以 ， 对 这 种 情况 ， 可 


以 预先 进行 约定 。 


告知 用 户 除 法 运算 的 商 如 果 是 小 数 ， 那 么 保留 小 数 点 后 1 位 小 数 〈 


， 取 得 的 答案 也 需要 用 同样 的 规则 。 在 “运算 ”模块 下 的 “将 …… 
的 只 能 是 整数 。 


四 舍 五 入 ) ; 同 


这 里 需要 运用 多 个 


字 ，, 来 决定 是 否 需要 四 舍 五 入 。 
@ 算法 分 析 


首先 ,将 数 1 (比如 为 10) 和 数 2〈 比 如 为 3) 的 商 向 下 取 整 ， 得 到 标准 答案 的 整数 部 分 (为 


3) , 


然后 ， 取 H 


变量 “整数 位 ”保存 。 
H “整数 位 ”的 长 度 〈 为 1) 。 此 时 ， 如 果 取 小 数 点 后 1 位 的 值 ， 就 是 取 


F5， 那 么 就 让 小 数 点 


后 1 位 小 数 加 1。 所 以 ， 


因此 ， 需 要 判断 小 数 点 


2” (为 : 3.333333 ) 的 第 3 位 (小数点 本 身 算 1 位 》， 即 3; 如 果 取 小 数 点 后 2 位 的 值 ， 就 是 取 


其 中 的 第 4 位 ， 也 为 3。 
依据 上 述 除法 规则 设 定 ， 如 果 要 保留 小 数 点 


位 的 值 然 


后 判断 : 如 果 大 于 


数 ， 则 需要 对 其 特殊 处 理 。 如 ， 想 保留 小 数 点 后 1 位 数 ， 计 算 时 就 需要 关注 小 数 点 
看 其 是 否 大 于 等 于 5; 如 果 是 大 于 等 了 
运算 符 综 合 运算 得 出 结果 ， 建 立 3 个 变量 ， 分 别 是 整数 位 、 小 数 1 位 和 小 数 2 位 。 


这 里 约定 除法 运算 的 规则 是 : 保留 小 数 点 后 1 位 数字 。 后 第 2 位 数 


时 “ 数 1/ 数 


HH 
D 


后 1 位 数字 ， 那 么 需要 取出 并 判断 小 数 点 后 第 2 


果 是 将 “整数 位 ”、 小 数 点 和 “小 数 1 位 ”连接 起 来 。 这 里 需要 多 次 用 到 字符 串 截 取 、 连 接 等 


指令 。 


@ 编程 实现 


修改 考官 角色 上 的 除法 脚本 ， 如 


图 9-15 所 示 。 


| 
1 
1 
F 或 等 于 5， 那 么 就 进 一 位 给 小 数 1 位 。 最 后 ， 变 量 “ 标 准 答案 ”的 结 
! 
! 
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基于 计算 思维 的 Scratch 项 目 式 编程 


烧 位 。 设 定 为 ”向 下 取 束 Ei 


向 下 取 区 的 长 度 + 四 个 字符 : 


向 下 到 全 数 2 ”的 长 度 + 和 个 字符 


中 浇 2 位 


将 “标准 管 麻 ” 设 定 为 ”连接 “整数 位 和 连接 国 和 | 小数] 位 


图 9-15 ”除法 的 特殊 考虑 
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结 
怎么 样 9 到 现在 为 止 ， 你 对 口算 训练 程序 的 效果 满意 吗 9 当然 ， 还 可 以 扩充 很 多 功能 ， 比 
如 ， 增 加 倒计时 功能 ， 限 定做 题 时 间 ， 并 且 统 计 每 次 花费 的 时 间 ， 这 些 用 之 前 学 习 的 计时 器 来 实 
现 就 可 以 。 可 能 你 还 会 希望 在 下 一 次 做 题 之 前 ， 能 够 先 把 上 一 次 做 的 错 题 显示 出 来 ， 巩 固 训 练 。 
目前 Scratch 2.0 还 实现 不 了 该 功能 ， 因 为 变量 和 链表 虽然 能 存储 数据 ， 但 是 其 有 效 期 是 程序 运 
行 期 间 。 只 要 把 程序 关闭 再 运行 ， 变 量 和 链表 的 值 就 会 清空 。 但 在 Scratch 3.0 推 出 后 ， 我 们 和 希 
望 能 够 实现 该 功能 。 


TT 


从 小 到 大 ， 我 们 一 定 和 家 人 去 过 很 多 地 方 ， 参 加 过 很 多 活动 ， 比 如 ， 运 动 会 、 研 学 


行 …… 相 信 都 留 下 了 很 多 珍贵 的 照片 。 我 们 可 以 围绕 某 个 主题 ， 把 相关 的 照片 整理 在 一 起 ， 
上 音乐 、 文 字 ， 等 等 。 下 面 利 用 Scratch 做 一 个 有 声 影集 。 


@ 功能 描述 
按照 六 要 素 将 项 目 功能 描述 如 下 : 


: 多 张 照片 


: 将 每 次 活动 的 照片 收集 起 来 ， 配 上 音乐 和 文字 ， 留 作 纪念 。 


: 比如 ， 轩 期 外 出 旅游 照 了 很 多 照片 ， 
后 一 张 、 第 一 张 ”等 按钮 ， 能 让 图 片 切 换 ; 按 下 开关 按钮 ， 能 控制 音乐 的 开 和 关 
等 ， 做 成 一 个 带 音乐 〈 自 创 音乐 ) 的 影集 ， 留 作 纪 念 。 


选 出 一 些 ， 让 图 片 具有 特效 ， 按 下 “下 一 张 、 


忆 。 


结果 : 看 着 有 声 影集 ， 给 生活 多 些 纪念 和 


@ 词性 分 析 
1) 找 名 词 和 动词 ， 确 定 角色 和 行为 


根据 功能 描述 ， 找 到 的 名 词 有 : 活动 、 照 片 、 文 字 说 明 、 音 乐 、 影 集 、 特 效 、 按 钮 。 找 到 


动词 有 : 收集 、 按 下 、 切 换 、 音 乐 开 、 音 乐 关 、 


自 创 。 尝 试 为 这 些 动词 找 主语 ， 比 如 ， 照 片 有 


旅 
配 


A 
EN 


基于 计算 思维 的 Scratch 项 目 式 编程 


效 、 切 换 、 按 钮 按 下 、 音 乐 开 / 关 等 。 因 此 ， 需 要 作为 游戏 角色 的 是 : 图 片 、 音 乐 开 关 按 钮 、 图 


片 切换 按钮 《第 一 张 、 下 一 张 、 上 一 张 、 最 后 一 张 ) 。 
2 ) 找 数 据 和 关系 ， 确 定 变量 和 届 辑 


根据 功能 描述 ， 与 数据 有 关 的 是 : 一 些 、 下 一 张 、 上 一 张 、 最 后 一 张 、 第 一 张 ， 需 要 保存 的 


数据 是 图 片 编号 ; 跟 逻 辑 有 关 的 是 : 当 单 击 “ 第 一 张 ”按钮 时 ， 会 出 现 第 一 张 图片 ; 当 单 
一 张 ”按钮 时 ， 会 把 当前 图 片 的 下 一 张 图 片 显示 出 来 ， 其 他 按钮 功能 以 此 类 推 。 


(@ 角色 行为 设计 


“下 


根据 项 目 功能 和 词性 分 析 ， 确 定 的 角色 有 了 照片 和 5 个 按钮 。 照 片 可 以 包含 多 个 造型 ， 每 个 造 
型 就 是 一 张 图 片 ，5 个 按钮 分 别 是 : 第 一 张 、 上 一 张 、 下 一 张 、 最 后 一 张 、 音 乐 开 / 关 。 背 景 可 以 
找 一 个 带 相框 的 图 片 ， 加 上 标题 ， 可 以 在 Photoshop 中 处 理 。 另 外 ， 照 片 的 尺寸 设置 需要 根据 舞 


台大 小 和 界面 设计 来 确定 ， 照 片 出 现 的 效果 可 以 多 种 。 角 色 行为 设计 如 图 10-1 所 示 。 


带 相框 、 标 题 


图 片 来 源 : 或 绘制 或 下 载 
造型 人 暂 定 6 个 ， 大 小 设置 统一 


单 击 显示 上 一 张 图 片 


单 击 显示 下 一 张 图 片 


单 击 显示 第 一 张 图 片 


单 击 显示 最 后 一 张 图 片 


单 击 打 开 或 关闭 音乐 


图 10-1 角色 行为 设计 


Wp 
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界面 设计 


从 上 述 分 析 来 看 ， 可 以 大 概 画 出 界面 布 


， 可 以 在 本 子 上 或 者 利用 画图 软件 设计 出 界 醒 


如 图 10-2 所 示 。 


他 主要 流程 


1) 
Scr 


处 理 照 片 


图 10-2 界面 设计 


因为 图 片 的 尺寸 需要 根据 布 


局 的 效果 来 大 致 估 


atch 舞 全 宽度 是 480 像 素 ， 高 度 是 360 像 素 ， 根 据 界 面 设计 ， 在 Photoshop 中 将 图 片 尺寸 
统一 处 理 ， 比 如 该 项 目 中 的 图 片 宽 度 是 360 像 素 ， 高 度 是 300 像 素 。 处 理 完 


式 ， 等 待 使 用 。 


纳 下 照片 的 大 小 《如 : 照片 计划 是 3 


= 


2 


制作 背景 图 


于 


后 将 文 伯 


F 保 存 为 .jpg 格 


背景 图 片 尺 十 要 和 Scratch 舞 全 尺寸 一 至， 先 从 网 上 搜索 合适 的 相框 图 片 ， 相 框 尺寸 要 能 容 


图 片 保 存 成 .jpg 格 式 的 文件 等 待 使 用 。 


3) 


上 传 素材 


60 像 素 x 300 像 素 ) ， 在 相框 上 方 加 上 文字 标题 ， 最 终 将 背 


在 Scratch 顶 目 中 ， 上 传 背 景 图 片 ， 建 立 照 片 角色 并 上 传 多 张 图 片 作为 其 造型 ， 建 立 5 个 按钮 


4) 


色 ， 并 进行 按钮 的 排列 。 


编程 实现 


击 不 同 按钮 时 ， 让 相应 编号 的 
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基于 计算 思维 的 Scratch 项 目 式 编程 


何 时 为 开 何 时 为 关 需 要 判断 。 
@ 关键 问题 


mT 


根据 分 析 的 结果 ， 需 要 解决 的 问题 如 下 : 


(1) 如 何 上 网 搜索 相框 
(2) 每 张 照片 的 特效 有 


(3) 当 单 击 “ 第 一 张 ” 
(4) 当 单 击 “ 上 一 张 ” 


和 “最 


图 片 9 如 何在 Photoshop 中 调整 图 片 大 小 9 标题 文字 如 何 输入 9 
哪些 ?如何 设 置 ? 
后 一 张 ”按钮 时 ， 如 何 显 示 对 应 编号 的 图 片 9 


和 “下 一 张 ”按钮 时 ， 如 何 能 根据 当前 图 片 编号 显示 相应 的 图 片 9 


《5) 如 何 自 创 音乐 9 何 


@ 下 载 相框 图 片 
建议 使 用 百度 搜索 引擎 ， 


仔细 观察 ， 在 搜索 出 来 的 每 张 
钮 ， 单 击 后 ， 可 将 图 片 下 载 保存 到 本 机 上 ， 如 图 10-3 所 示 。 


时 该 将 


网 址 为 http://www.baidu.com。。 打 ] 
荐 使 用 360 安 全 浏览 器 或 谷歌 浏览 器 ) ， 在 地 址 栏 中 输入 网 址 后 ， 出 现 百 度 页 面 ， 找 到 “更 多 产 
品 ”， 选 择 “ 图 片 ”， 会 打开 “图 片 搜索 ”页 面 ， 然 后 找到 关键 字 输 入 框 ， 在 
键 字 ， 如 “相框 ”， 这 时 会 把 类 似 的 图 片 搜索 出 来 并 显示 。 


音乐 打开 或 者 关闭 9 


10.2; 素材 准备 和 添加 


开 浏览 器 《〈 推 


1. 网 上 下 载 图 


其 中 输入 需要 的 关 


图 片 的 左下 角 显 示 出 了 图 片 大 小 ， 右 下 角 有 


“下 载 原 图 ” 按 


Wp 


回 在 Ps 中 抠 图 
二 ， 要 在 计算 机 上 预先 安装 好 Photoshop 图 像 处 理 软件 (本 书 使 用 的 是 Photoshop 
CS6) 。 启 动 Photoshop， 单 击 “ 文 件 ” 一 “打开 ”命令 ,选择 刚刚 下 载 的 相框 文件 ， j 打 
《注意 : 如 果 计 算 机 上 没有 Photoshop 软 件 ， 需 要 下 载 安装 ) 。 
在 屏幕 左 侧 的 工具 栏 里 ， 找 到 第 4 项 的 “ 魔 棒 
框图 片 的 外 部 单 击 ， 可 以 看 到 自动 出 现 虚线 枉 ， 此 时 
击 ， 会 发 现 虚 线 框 逐 渐 连 接 成 了 一 片 ， 直 到 把 相框 
单 击 外 围 一 次 即 可 ) ， 


2 快速 选择 工具 
， 头 魔 棒 工 具 


时 右 击 ， 选 择 “选择 反 向 ”命令 ， 会 把 需要 的 相框 选中 。 继 续 右 击 ， 找 到 “通过 复制 
的 图 层 ”， 单 击 后 ， 观 察 屏幕 右 下 方 的 图 层 ， 由 原先 的 背景 图 层 增加 了 一 个 新 的 图 层 ， 关 闭 掉 
“背景 ”图 层 〈 即 单 击 背景 所 在 图 层 前 面 的 眼睛 将 背景 隐藏 》 ， 观 察 屏 幕 上 此 时 的 效果 ， 如 
10-5 所 示 。 
可 以 将 视图 放大 多 倍 《〈《 按 下 Ctrl 键 ， 再 多 次 按 加 号 + ) ; 如 果 要 缩小 ， 则 在 按 下 Ctrl 键 的 同 
时 多 次 按 减 号 -。 确 保 选 中 该 图 层 ， 使 用 橡皮 擦 工具 将 图 片 左 下 角 的 部 分 擦 除 〈 此 时 ， 橡 皮 擦 工 
可 以 设置 得 小 一 些 ) 。 之 后 ， 执 行 菜单 栏 的 “图 像 ” 中 的 “ 载 切 ”命令 ， 单 击 “ 确 定 “命令 
即 可 ， 就 可 以 把 相框 周边 多 余 的 部 分 裁 切 掉 。 如 图 10-5 所 示 。 如 果 发 现 有 空余 却 裁 切 不 掉 的 情 
况 , 一 定 是 周边 还 有 星星 点 点 的 部 分 需要 用 橡皮 擦 除 掉 《此 时 橡皮 擦 工具 可 以 设置 得 大 一 些 》， 
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图 10-5 图片 裁 切 


最 后 ， 要 把 图 片 保存 成 一 个 不 带 背 景 的 透明 图 片 ， 还 需要 在 保存 文件 时 选择 .png 格 式 的 图 
片 。 具 体操 作 如 下 : 单 击 “ 文 件 ”一 “存储 为 ”命令 ,文件 格式 选择 “.png 格 
式 ”， 输 入 文件 名 ,设置 好 存放 位 置 ， 单 击 “保存 ”按钮 即 可 。 

@) 合成 背景 图 片 

1) 新 建文 件 
启动 Photoshop， 在 菜单 栏 选择 “文件 ”一 “新 建 ”命令 ， 出 现 对 话 框 ， 设 
置 完成 单 击 “确定 ”按钮 ， 出 现 白色 画布 ， 背 景 图 片 的 宽度 和 高 度 分 别 为 480 像 素 和 360 像 素 ， 
如 图 10-6 所 示 。 


3. 合成 背景 图 片 


名 称 (N): | 相册 背景 


预 设 (P): | 自 定 十] 
小 (D) 


二 = 
分 辩 率 (R): |96.012 贸 素 /英寸 到 
颜色 模式 (M): [RGB 颜色 ”到 [8 位 可 


BNO: [Be 悦 
图 10-6 ”新建 文件 


2) 置 入 文件 

在 菜单 栏 选 择 “文件 ”一 “ 置 入 ”命令 ， 找 到 之 前 做 好 的 “相框 ”文件 ， 单 击 “ 确 定 ” 
按钮 后 ， 多 出 一 个 图 层 ， 并 自动 将 相框 图 片 打开 ， 四 周 出 现 控 点 ， 可 以 拖 动 调整 大 小 ， 在 
Photoshop CS6 版 本 中 也 可 以 直接 在 菜单 栏 下 方 对 应 的 框 中 输入 精确 的 吝 度 和 高 度 ， 如 


i 


Wp 


图 10-7 所 示 。 


图 10-7 置 入 文件 (1) 


3) 建立 矩形 做 参考 

为 了 精确 调整 相框 大 小 以 便 确 保 能 容纳 360 像 素 x 300 像 素 的 照片 ， 这 里 可 以 建立 一 个 同样 
尺 十 的 矩形 作为 参考 ， 来 进一步 调整 相框 尺寸 。 从 左 侧 工具 条 中 找到 “和 拢 形 工具 ”， 在 画布 上 单 
击 ， 可 以 设置 其 尺寸 为 360 像 素 和 300 像 素 ， 如 图 10-8 所 示 。 可 以 发 现 ， 目 前 相框 尺寸 有 些小 ， 
容纳 不 下 矩形 ， 所 以 要 么 修改 相框 尺寸 ， 要 么 修改 预计 的 照片 尺寸 。 


同 矩形 工 县 
) 圆 角 拒 形 工具 


图 10-8 置 入 文件 (2) 


这 里 ， 不 改变 相框 尺寸 ， 而 是 修改 计划 的 照片 尺寸 。 方 法 是 : 首先 选中 矩形 图 层 ， 按 下 Ctrl 
键 和 T 键 ， 和 矩形 边框 会 出 现 控 点 ， 拖 拉 控 点 改变 大 小 ， 使 其 恰好 在 相框 乙 内 ， 观 察 此 时 的 宽度 和 
高 度 (300，233) ， 记 住 这 个 值 ， 就 是 后 期 要 处 理 的 6 张 照片 的 准确 尺寸。 
因为 这 个 矩形 就 是 为 了 做 参考 辅助 计算 出 照片 的 玉 寸 ， 所 以 计算 好 后 单 击 窍 形 所 在 图 层 ， 选 
择 “删除 图 层 ” 即 可 。 


人 一 一 一 一 一 一 二 一 证 定 二 天 


碎 


@ 


时 
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比 
如 ， 美 好 的 回忆 ,选中 后 ， 可 以 在 上 方 工具 栏 里 对 字体 、 字 号 、 颜 色 等 进行 设置 ， 人 确定 后 ， 自 动 


4) 添加 文字 标题 
从 工具 条 中 找到 “T 文 本 工具 ”， 选中 后 ， 在 画布 上 单 击 ， 出 现 一 个 竖 条 等 待 输入 文字 ， 


/ 


仍然 不 满意 ， 可 以 选中 图 层 后 ， 单 击 “文本 工具 ”， 单 击 画布 上 的 文字 ， 进 入 编辑 状态 ， 如 


个 文本 图 层 。 如 果 对 文本 的 位 置 不 满意 ， 可 以 使 用 “移动 ”工具 来 调整 。 如 果 对 文字 设置 
图 


10-9 所 示 。 


图 10-9 ”添加 文本 


5 ) 为 背景 填充 颜色 
选中 “背景 ” ， 在 工具 栏 中 找到 “油漆 桶 ” 国 工 具 ， 然 后 找到 工具 栏 下 方 的 “ 取 前 景 


色 ” 轿 工 具 ， 单 击 后 , 选取 合适 的 颜色 ， 之 后 单 击 画 布 ， 背 景 疾 色 设 置 成 功 。 如 图 10-10 所 示 。 


al 


[= 


6) 保存 背景 图 片 
单 击 “文件 ”一 “存储 ”命令 ， 可 以 保存 成 psd 文 件 。 这 是 Photoshop 的 源 文件 ， 以 后 可 以 


件 继 续 修改 。 但 是 在 Scratch 中 使 用 的 图 片 格式 可 以 是 .jpg、.png、.bmp， 所 以 ， 需 要 单 
“存储 为 ”命令 ， 选 择 .jpg 格 式 ， 输 入 文件 名 ， 可 以 将 其 保存 在 指定 的 位 置 备用 。 


字 按 钮 


时 ， 


@ 新 建文 本 


前 Scratch 2.0 不 支持 中 文 ， 所 以 要 制作 “第 一 张 ” “上 - 张 " 寺 文 。 时 于 


启动 Photoshop ， 单 击 “ 文 件 ” 一 “新 建 ” 


像素 (这 个 值 是 根据 界面 设置 估算 的 )。 在 工具 栏 中 选择 “T 文 本 
张 ”， 设 置 字体 、 字 号 、 颜 色 、 加 粗 等 ， 单 击 “确定 ”按钮 。 设 


需要 在 Photoshop 中 制作 。 待 Scratch 3.0 发 布 后 ， 只 需 在 Scratch 中 4. 制作 文字 按钮 
建立 文字 即 可 。 当 然 ， 学 习 使 用 Photoshop 也 能 


提升 我 们 的 信息 技能 哟 ! 


全 全 
DpY， 


画布 的 宽度 和 高 度 分别 是 100 像 素 和 30 


具 ”， 在 背景 上 输入 “第 一 
满意 后 ， 保 存 .psd 源 文件 ， 以 


后 


修改 。 同 时 ,将 “背景 ”图 层 设 置 为 隐藏 ， 单 击 “ 文 件 ” 一 “存储 为 ”命令 ， 


将 其 保存 


为 透明 背景 的 .png 格 式 ， 制 作 好 “第 一 张 ” 文 字 按 钮 。 


@ 复制 图 层 

建议 在 Scratch 中 添加 背景 ， 以 及 添加 刚 做 好 的 文字 素材 ， 看 一 下 整体 效果 ， 如 果 可 以 ， 再 

制图 层 修改 文字 的 方式 继续 制作 其 他 文字 。 步 骤 如 下 : 

打开 做 好 的 “第 一 张 .psd” 源 文件 ， 将 鼠标 指针 移动 到 文字 所 在 的 图 层 上 ， 选 择 “ 复 制图 
层 ” 命 令 ， 出 现 对 话 框 ， 其 中 给 出 了 默认 的 新 图 层 的 名 字 ， 也 可 以 修改 图 层 名 称 ， 比 如 修改 为 
“最 后 一 张 ”， 确 定 后 ， 就 增加 了 一 个 新 的 图 层 。 选 中 这 个 图 层 ， 单 击 左 侧 工具 条 的 T 文 本 工 
， 然 后 在 画布 的 “第 一 张 ” 文 字 处 单 击 ， 将 其 删除 ， 修 改 为 “最 后 一 张 ”。 将 背景 图 层 隐 藏 ， 
再 将 “第 一 张 ” 图 层 隐藏 掉 ， 如 图 10-11 所 示 。 

复制 : 第 一 张 
图 10-11 ”复制 图 层 

做 好 之 后 ， 将 目前 的 .psd 文 件 再 保存 一 次 ， 并 将 其 存储 为 透明 背景 的 .png 文 件 格式 ， 留 待 后 

面 使 用 。 用 同样 的 方法 ， 可 以 建立 其 他 需要 的 文字 并 存储 为 .png 文 件 。 


~ 


a 
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经 过 前 期 对 照片 尺寸 的 估算 到 实际 处 理 时 对 尺寸 的 再 估算 ， 认 为 从 整体 布局 的 角度 ， 照 片 设 
置 为 宽度 300 像 素 、 高 度 233 像 素 比 较 合 适 。 因 此 ， 新 建文 件 的 画布 尺寸 设置 为 300 像 素 和 233 像 
素 ， 然 后 将 照片 置 入 即 可 。 当 然 ， 您 的 图 片 尺寸 未 必 与 此 一 致 ， 这 取决 于 界面 的 布局 。 

由 于 照片 和 画布 的 宽 高 比 有 差异 ， 所 以 置 入 的 图 片 可 能 还 需要 调整 尺寸 ， 可 以 通过 照片 四 周 
的 控 点 进行 调整 。 为 了 不 影响 照片 原先 的 宽 高 比 ， 需 要 在 拖拉 控 点 的 同时 ， 按 Shift 键 ， 这 样 可 
确保 等 比例 地 缩放 图 片 ， 拖 拉 直 到 画布 上 被 充满 了 照片 为 止 ， 如 图 10-12 所 示 。 

显然 ， 为 了 匹配 画布 的 玉 寸 ， 需 要 笨 牲 原 照 片 的 很 多 内 容 。 可 以 用 鼠标 移动 右 图 中 的 图 片 ， 
看 看 希望 画布 上 保留 照片 中 的 哪些 内 容 ， 调 整合 适 后 ， 单 击 上 方 属 性 栏 上 的 “w” 按 钮 来 确定 。 
最 后 保留 一 份 .psd 源 文件 《如 “照片 处 理 .psd” ) ， 同 时 也 将 存储 一 份 jpg 文件 。 


图 10-12 图片 尺寸 处 理 


同 理 ， 其 他 照片 都 可 以 置 入 到 该 源 文 件 中 ， 把 其 他 图 层 隐藏 ， 对 当前 图 
层 用 上 述 方法 调整 即 可 ， 最终 保存 .psd 源 文件 后 ， 同 时 也 把 该 图 层 的 图 片 存储 
为 jpg 格式 。 处 理 后 的 图 片 如 图 10-13 所 示 。 


: 
5. 调整 图 片 尺 二 


Sa 
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10.3， 编程 实现 
素材 准备 好 后 ， 可 以 将 它们 依次 添加 到 Scratch 中 ， 调 整 角色 的 位 置 和 大 小 ， 搭 建 出 美观 的 ! 
界面 。 如 有 需要 ， 也 可 以 使 用 Scratch 自 身 的 绘图 编辑 器 对 造型 再 做 一 此 处理。 最终 的 界面 如 图 | 
10-14 所 示 ， 相 信 你 的 界面 布局 一 定 更 好 看 ! ! 
| 
1 
1 

小 - 

图 10-14 程序 界面 参考 ! 


每 


该 程序 的 核心 功能 集中 在 5 个 按钮 上 ， 前 4 个 按钮 主要 是 控制 显示 照片 的 造型 编号 ， 最 后 
个 是 用 Scratch 弹 奏 音 乐 ， 并 用 按钮 实现 音乐 的 “ 开 ” 和 “ 关 ”。 总 体 而 言 ， 该 程序 的 软 辑 比较 
简单 ， 但 是 用 到 的 知识 点 比较 多 。 
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如 图 10-15 所 示 ， 设 置 造型 时 可 以 指定 造型 的 名 称 ， 也 可 以 指定 造型 编号 。 该 例 中 我 们 为 
照片 角色 准备 了 6 张 图 片 ， 造 型 编号 从 1 ~ 6。 可 以 建立 一 个 变量 “编号 ”， 初 始 值 为 1 ， 当 单 
“下 一 张 ”按钮 时 ， 让 其 加 1; 当 单 击 “ 上 一 张 ”按钮 时 ， 让 其 减 1。 在 切换 造型 指令 中 ,将 造 
型 切换 为 “编号 ”变量 。 


@ 


PE 


将 过 型 切换 为 照片 处 理 -- 悍 牛 老 


将 壬 型 切 按 为 


图 10-15 ”造型 切换 


人 弹 奏 音乐 

展开 Scratach 2.0 的 “声音 ”模块 ， 除 了 有 关于 播放 声音 的 指令 外 ， 还 可 以 自己 创作 和 弹 奏 
乐曲 。 对 应 的 指令 有 弹 奏 鼓 声 、 音 符 、 设 置 乐器 、 演 奏 速 度 ， 等 等 ， 如 图 10-16〈1) 所 示 。 在 
Scratch 3.0 中 ， 弹 奏 音乐 功能 在 “添加 扩展 ”的 Music 模 块 下 。 


图 10-16(1) ”声音 模块 指令 


1) 设置 弹 奏 乐器 

Scratch 提 供 了 21 种 乐器 类 型 ， 可 以 根据 需要 去 选择 ， 默 认 1 为 钢琴 ，2 为 电子 琴 …… 

2 ) 弹 奏 音符 

弹 奏 音 符 指令 包含 两 个 参数 : 一 是 弹 奏 什 么 音符 ， 二 是 音符 持续 几 拍 。 打 开 “ 音 符 ” 参 数 ， 
默认 以 键盘 方式 呈现 了 中 音 的 8 个 音符 以 及 低音 的 8 个 音符 ， 如 图 10-16〈2) 所 示 。 


50" 人 0.5:| 


图 10-16 (2) ” 弹 奏 音 符 参数 设置 


和 


次 


有 60 代表 中 央 C， 即 中 音 1 (Do) 是 60,，2 (Re) 是 62,，3 (Mi) 是 64,，4 (Fa) 是 


65…… 音 符 和 其 数值 对 应 的 规律 如 下 : 3 Mi) 和 4 Fa) 是 两 个 半音 , 7 (Si) 和 1 (Do) 


是 两 个 半音 ， 相 邻 两 个 半音 的 数值 差 1， 除 此 之 外 ， 其 他 的 音符 数值 间隔 都 是 2。 


弹 奏 的 音符 数量 和 钢琴 上 琴键 的 数量 一 致 ， 其 数字 和 


Scratch 中 能 


0 音符 关系 对 应 如 表 10-1 所 示 ， 其 他 以 此 


类 推 。 
表 10-1 音符 与 数字 对 应 关系 
ET 到 
1(Do) 1(Do) 84 
2(Re) 2(Re) 86 
3(Mi) 3(Mi) 88 
4(Fa) 4(Fa) 89 
5(Sol) 5 (Sol) 91 
6(La) 6(La) 93 
7(SiD 7(SiD) 95 
3) 弹 奏 声 
Scratch 可 以 弹 奏 18 种 喜 声 ， 每 种 鼓 声 持 续 的 时 间 可 以 通过 节拍 来 设置 ， 在 自 创 乐 曲 时 可 以 
根据 需要 使 用 。 
4) 音量 节奏 
可 以 将 乐曲 的 音量 及 演奏 速度 增加 或 减少 或 者 设 定 为 一 个 数值 ， 在 需要 时 也 可 以 取得 乐曲 的 
音量 和 节奏 。 
练习 


《小 星星 》 乐 曲 的 简谱 如 图 10-17 所 示 ， 右 侧 显示 了 对 应 小 节 的 指令 ， 编 程 并 播放 音乐 ， 


其 他 小 节 的 指令 可 以 自行 补充 。 


@ 


PE 


基于 计算 思维 的 Scratch 项 目 式 编程 


1=C 县 


1 1|15 5|e e|5-|14 4|3 3s| 

EaTr=ls sl 4ls sl2-| 
点 击 查看 源 网 页 

5 5|14 4|3 3|2-|1|1 1|5 s| 


ee|5-|144|33|2 2|1-| 


@) 标志 变量 


小 星星 


QQ:1013774024 


图 10-17 弹 奏 音 符 


前 面 学 习 过 ， 标 志 变 量 也 是 一 个 普通 变量 ， 它 通常 不 是 为 了 存储 数据 ， 而 是 为 了 逻辑 控制 。 


比如 ， 同 一 个 按钮 既 负 责 打开 


使 用 标志 变量 来 判断 。 


人 @ “第 一 张 ” 和 “最 后 一 张 ”按钮 
建立 “编号 ”变量 ， 适 用 于 所 有 角色 。 当 单 击 不 同 按钮 时 ， 就 会 赋 给 “ 编 


3 
EE 


下， 也 负责 关闭 音乐 ， 那 么 何 时 为 打开 ? 何 时 为 关闭 ? 这 时 可 以 


6. 按钮 功能 实现 


号 ”变量 不 同 的 数值 ， 进 而 显示 不 同 的 图 片 。 当 单 击 “ 第 一 张 ”按钮 时 ， 将 编号 变量 设置 为 1; 
当 单 击 “ 最 后 一 张 ”按钮 时 ， 将 编号 变量 设置 为 6， 同 时 发 送 广播 “显示 图 片 ”。“ 了 照片 ”角色 
当 接 收 到 该 广播 时 ， 就 将 造型 切换 为 对 应 编号 的 图 片 。 参 考 脚本 如 图 10-18 所 示 。 


当 接收 到 亚 示 图 片 


将 造型 切换 为 编号 


广播 显示 图 片 


图 10-18 “第 一 张 ” 和 “最 后 一 张 ”脚本 


@@ “上 一 张 ”按钮 


击 “ 上 一 张 ” 按 钮 时 ， 需 要 先 取得 照片 当前 的 造型 编号 〈 通 过 发 送 广播 来 实现 ) ， 然 后 让 


编号 减 1。 但 是 不 能 无 限制 地 减 小 ， 因 为 造型 编号 最 小 是 1。 所 以 ， 当 此 时 的 造型 编号 为 1， 那 


让 其 依然 为 1;， 否 则 ， 就 减少 。 参 考 脚 本 如 图 10-19 所 示 。 


当 角 色 被 单 击 时 当 接收 到 获取 当前 造型 篇 号 
广播 获取 当前 造型 蜗 号 并 等 竺 

小 和 设 定 为 ， 告 型 咒 呈 
类 果 ”编号 > 加, 那么 


将 弓 号 “增加 略 
上 一 张 : 


图 10-19 “上 一 张 ”按钮 脚本 


@@ “下 一 张 ”按钮 


该 按钮 上 的 功能 与 “上 一 张 ” 类 似 。 需 要 先 取得 照片 角色 当前 的 造型 编号 ， 然 后 判断 编 


号 的 


值 是 否 是 小 于 6， 如 果 小 于 ， 就 让 编号 增加 1; 如 果 等 于 6， 那 么 就 不 增加 ， 即 当 到 达 了 最 后 一 张 


当 角 色 被 单 击 时 


如 果 ”编号 < 


将 ”编号 


图 10-20 “下 一 张 ”按钮 脚本 


图 片 后 ， 再 单 击 “下 一 张 ” 按 钮 ， 依 然 显示 最 后 一 张 图 片 。 参 考 脚本 如 图 10-20 所 示 。 


pe 


俯 


Se 


如 变量 名 为 flag， 约 定 该 变量 有 两 个 值 : 


为 1， 


@ “音乐 开 / 关 ” 按钮 


该 按钮 是 


与 关 共 


按钮 ， 到 底 是 打开 还 是 关闭 音乐 ， 可 以 通过 建立 一 个 标志 变量 来 判断 。 


1 代表 打开 音乐 ，0 代 表 关 闭 音 乐 。 初 介 可以 设置 入 1 
即 程序 运行 时 默认 音乐 播放 。 当 按 下 了 按钮 ， 先 判断 flag 变 量 为 1 还 是 0， 如 果 原 先 
则 说 明 音 乐 本 来 是 播放 的 ， 此 时 需要 将 音乐 停止 播放 ， 并 且 变 量 改 为 0; 同 
理 ， 如 果 原 先 为 0， 则 说 明 音 乐 本 来 是 停止 的 ， 此 时 需要 将 开局 播放 ， 同 时 将 变量 
设置 为 1。 流 程 图 及 对 应 的 脚本 如 图 10-21 所 示 。 


当 角色 被 点 击 时 


全 编程 弹 奏 《 小 星星 》 


在 “音乐 开 / 关 ”按钮 角色 添加 了 声音 
关 按 钮 时 ， 控 制 


音乐 


紧凑 ， 将 弹 奏 音 符 的 


Se 


“ 开 / 关 ”按钮 脚本 


件 ， 当 单 击 绿 旗 时 ， 开 始 播放 声音 文件 ， 当 单 击 开 / 


J 开 或 者 关闭 。 如 果 是 用 程序 弹 奏 音 乐 的 话 ， 该 如 何 实现 呢 9 为 让 脚本 显得 
指令 写 在 过 程 里 ， 脚 本 如 


图 10-22 所 示 。 


图 10-22 编程 弹 奏 《 小 星星 》 


单 击 绿 旗 时 ， 调 用 过 程 “ 小 星星 ”， 播 放 音乐 ， 但 是 当 单 击 开 / 关 按钮 时 ， 音 乐 并 不 停止 ， 
也 就 是 说 ，“ 停 播 所 有 声音 ” 只 是 针对 声音 文件 有 效 ， 无 法 让 弹 奏 的 音乐 停止 。 建 议 的 解决 


方案 是 ; 先 开局 Soratch 中 的 录制 声音 功能 ， 再 单 击 播放 弹 奏 乐 曲 的 指令 ， 边 播放 边 录音 , 最 后 | 

对 其 适当 剪辑 后 ， 保 存 成 一 个 声音 文件 “小 星星 ”。 脚 本 如 图 10-23 所 示 。 Be 
» 
从 


图 10-23 “音乐 开 / 关 ”按钮 脚本 


10.4 ”本章 小 结 


怎么 样 ?你 对 自己 的 有 声 影集 作品 还 满意 吗 ? 这 个 程序 的 逻辑 不 是 很 复杂 ， 但 是 涉及 很 多 知 
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基于 计算 思维 的 Scratch 项 目 式 编程 


2 和 


识 点 ， 比 如 ， 如 何在 Photoshop 中 调整 图 片 尺寸 、 抠 图 ， 如 何在 Scratch 中 弹 奏 乐曲 ， 等 等 。 污 
会 了 这 些 技 术 后 ， 可 以 围绕 不 同 主题 做 出 不 同 的 作品 ， 比 如 ， 教 师 节 送 给 老师 的 人 贺卡， 母亲 节 
或 父 杀 节 送 给 父母 的 祝福 …… 

总 之 ,编程 是 一 个 可 以 发 挥 创意 的 过 程 ， 但 同时 也 是 一 个 非常 严谨 和 细致 的 过 程 ， 身 微 一 
点 点 儿 考 虑 不 周 ， 整 个 程序 就 无 法 调试 通过 。 不 积 哇 步 ， 无 以 至 干 里 。 坚 持 下 来 ， 相 信 在 编程 
之 路 上 你 会 收获 满 满 ! 
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